h1{color: yellow; font-size:2dm;}- 선택자 - 여기에서는 h1, css로 꾸미고자 하는 부분을 말한다 ;으로 명령이 끝났음을 표기한다
- 속성(property)
- 값
- 선언(declaration) color:yellow; ← 이렇게 명령하는것이 선언이다
- 선언부(declaration block) {} ← 이 부분을 선언부라고 한다
- 규칙 : 선언과 선언 사이에 선언을 입력하여 구분한다
- 주석 : /내용/ css의 주석을뜻한다
CSS 적용방식
- inline
<div style="선언">내용</div>요소 안에서 선언 하여 스타일을 변경한다
- Internal
<head>
<style>선언내용</style>
</head>헤드 태그 안에 스타일 태그를 입력한다.
- External
<link rel="stylesheet" href="css/style.css">해드에 별도의 Css파일을 만들어 불러오는 방식으로 스타일을 변경한다.
rel에서 반드시 stylesheet선언을 해줘야 그 스타일을 불러올수 있으며 href의 스타일시트의 주소를 입력해야 한다.
- @import
@import url('css/style.css');스타일 시트에서 다른 스타일을 불러올수 있다
실제로는 성능의 문제로 사용되지 않는다.
이 스타일들의 적용방식은 https://hana78786.github.io/study_hana/bostcourse_htmlcss/4-1.html 에서 확인해볼수 있다
hello world