* 본 내용은 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/
'Tip&Tech > Web' 카테고리의 다른 글
신종 블로그 스팸폭탄? (2) | 2008.03.14 |
---|---|
[Head First HTML with CSS & XHTML] 4. CSS영화 속 주인공! Font & Color! (0) | 2008.03.03 |
[Head First HTML with CSS & XHTML] 2. strict HTML에서 XHTML 1.0로 가기 (0) | 2008.03.01 |
IDtail.com 다이어리를 받았습니다. ^_^; (2) | 2008.01.15 |
FeedBurner를 사용하신다면 국내 RSS리더를 추가해 보세요 ^_^; (0) | 2008.01.08 |