1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style type="text/css"> div { color: red; } </style> </head> <body> <!-- WebContent\CSS\ex01.htm --> <!-- CSS, Cascading Style Sheet - HTML 태그의 서식을 지정하는 언어 - 독립적인 사용 불가능. 반드시 HTML 문서와 같이 사용(HTML에 기생하는) CSS 특징 - 골격(데이터) : HTML 작성 - + 서식 : CSS 작성 - 목적 : 골격 코드와 디자인 코드를 분리하는 역할 - 서식 코드의 재사용(*****) - 서식 코드의 다양성(기존 HTML의 서식보다) --> <!-- 요구사항] "안녕하세요" x5번 -> 글자색(파랑) 수정사항] -> 글자색(빨강) --> <p><font color="blue">안녕하세요</font></p> <p><font color="blue">안녕하세요</font></p> <p><font color="blue">안녕하세요</font></p> <p><font color="blue">안녕하세요</font></p> <p><font color="blue">안녕하세요</font></p> <hr /> <div>반갑습니다.</div> <div>반갑습니다.</div> <div>반갑습니다.</div> <div>반갑습니다.</div> <div>반갑습니다.</div> </body> </html> | cs |
'WEB > CSS' 카테고리의 다른 글
| 인접 형제 선택자, 형제 선택자 (0) | 2016.01.22 |
|---|---|
| 자손 선택자 (0) | 2016.01.22 |
| 그룹 선택자, 자식 선택자 (0) | 2016.01.22 |
| ID 선택자, 클래스 선택자 (0) | 2016.01.22 |
| css 적용방식 (0) | 2016.01.22 |