CSS 기본 사항
CSS 기본 사항에 대해서 알아보겠습니다.
CSS는 HTML의 <head></head>태그 사이에 <style></style>태그 안에 들어갑니다.
또는 HTML 태그 안에 sytle="" 형식으로 들어가기도 합니다.
예) <h2 style="color:blue;">Hello</h2>
CSS의 기본 문법은 다음과 같습니다.
h1 {
color: blue;
font-size: 2em;
}
주석 처리는 /* 주석 */입니다.
여기서 h1은 Selector라고 부릅니다.
color: blue;와 font-size: 2em;은 Declaration이라고 부릅니다.
Declaration에서 "color"와 "font-size"는 Property.
Declaration에서 "blue"와 "2em"은 Value입니다.
또한, class와 id라는 기능을 사용할 수 있습니다.
우선 HTML 태그에 class 또는 id, 또는 두 개 전부를 넣습니다.
예)<h3 class="center" id="id_center">World</h3>
해당 class나 id에만 css를 적용하고 싶다면, 다음처럼 사용합니다.
/* center class 적용. */
.center {
color: blue;
}
/* id_center id 적용. */
#id_center {
color: red;
}
/* h3 태그의 class만 적용. */
h3.center {
color: yellow;
}
화면 전체를 차지하는 것은 Display:Block; 설정이고, 글자 위치만 차지하는 것은 Display:inline;입니다.
끝.
카테고리: CSS
댓글
댓글 쓰기
궁금한 점은 댓글 달아주세요.
Comment if you have any questions.