본문 바로가기

Tip&Tech/Web

[Head First HTML with CSS & XHTML] 3. CSS 기본 상식!

* 본 내용은 Heade First HTML with CSS & XHTML의 내용을 참고로 요약, 정리한 것입니다.
* 퍼가실 때는 아래와 같은 출처를 꼭! 밝혀주세요!
원본 : http://blog.missflash.com/
출처 : MissFlash.com, http://www.missflash.com/

* CSS 기본 상식
1. 참고서적 : CSS 포켓 레퍼런스

2. 스타일 속성
 - font-family (글꼴)
 - border-bottom (밑줄) : 참고 text-decoration(underlin)

3. Link
<link type="text/css" rel="stylesheet" href="my_style.css" />

4. 스타일 상속
font-family와 같은 일부 속성의 경우, 문단 태그 p에서 사용할 경우, a, em와 같은 하부 태그에도 동일한 영향을 미침

5. 스타일 주석
/* 주석 */

6. 클래스 사용
하나의 태그에 서로 다른 속성을 적용하고 싶을 경우, 클래스를 사용하면 됨
 - 태그 : <p class="class1">, <blockquote class="class1">
 - CSS : p.class1, blockquote.class1 { color: blue; }

태그에 상관없이 모든 클래스에 해당 속성을 적용하고 싶을 경우,
.class1 { color: blue; }

하나의 태그에 여러 개의 클래스를 적용하고 싶을 경우,
<p class="class1 class2 class3">

7. CSS Validator
- http://jigsaw.w3.org/css-validator/