Tip&Tech/Web
[Head First HTML with CSS & XHTML] 3. CSS 기본 상식!
MissFlash
2008. 3. 2. 00:10
* 본 내용은 Heade First HTML with CSS & XHTML의 내용을 참고로 요약, 정리한 것입니다.
* 퍼가실 때는 아래와 같은 출처를 꼭! 밝혀주세요!
원본 : http://blog.missflash.com/
출처 : MissFlash.com, http://www.missflash.com/
* 퍼가실 때는 아래와 같은 출처를 꼭! 밝혀주세요!
원본 : 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/