Tip&Tech/Web2008/03/02 00:10

[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/

'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] 3. CSS 기본 상식!  (0) 2008/03/02
[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

이 글은 새로운 정보가 추가될 때마다 업데이트됩니다. 추천으로 아래 숫자에 1을 더해보세요. :)
RSS구독을 하시면 포스트를 배달해 드립니다. ▷ 한RSS 구독하기, 구글리더 구독하기

TAG , , , , , , , , 대한민국>대전>서구>둔산동>홈에버
blog comments powered by Disqus
Trackback 0 Comment 0

TRACKBACK http://blog.missflash.com/trackback/325 관련글 쓰기

댓글을 달아 주세요