예제 4-4. style 속성에 스타일 시트 만들기
WEB/CSS3-CONCEPT 2017. 11. 4. 18:50 |HTML 태그의 Stlye 속성에 CSS3 스타일 시트를 작성할 수 있다.
이 경우 해당 태그에만 스타일이 적용되며, 이 스타일은 다른 <p> 태그에는 적용되지 않는다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title><style> 속성에 스타일 시트 만들기</title> <style> p { color : red; font-size : 15px; } /* 모든 p 태그에 적용 */ </style> </head> <body> <h3>손 홍 민</h3> <hr> <p>오페라를 좋아하고</p> <p>엘비스 프레슬리를 좋아하고</p> <p style="color:blue">김치부침개를 좋아하고</p> <p style="color:magenta; font-size:30px">축구를 좋아합니다.</p> </body> </html> | cs |
'WEB > CSS3-CONCEPT' 카테고리의 다른 글
| 예제 4-7. CSS 규칙, CSS 스타일은 부모 태그로부터 상속된다. 부모 스타일 상속 (0) | 2017.11.04 |
|---|---|
| 예제 4-5. <link> 태그로 CSS3 파일 불러오기. 예제 4-6. @import로 CSS 파일 불러오기. (0) | 2017.11.04 |
| 예제 4-3. <style> 태그로 스타일 시트 만들기 (0) | 2017.11.04 |
| 예제 4-2. CSS3 스타일 시트로 꾸민 웹 페이지 (0) | 2017.11.04 |
| 예제 4-1. HTML 태그로만 작성한 웹 페이지 (0) | 2017.11.04 |