<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>스타일 태그 사용</title>
<style>
body{background-color: cornflowerblue; }
h1{color: blueviolet;}
H2{color: beige; font-style: italic;}
</style>
</head>
<body>
<!--
style 태그를 사용한 디자인 제어 방식
- 높은 가독성, 디자인의 모듈화 가능
- 선택자(selector)에 대한 학습 필요
- 향후 디자인코드를 .css확장자를 가진 파일로 분리할수 있다.
-->
<h1>스타일 태그를 사용하면</h1>
<h1>외부에서 특정 태그를 선택하여</h1>
<h2>디자인을 부여할수 있습니다.</h2>
</body>
</html>
'CSS' 카테고리의 다른 글
| 2차 메뉴에 대한 디자인 구현 (0) | 2023.08.29 |
|---|---|
| 폰트 어썸을 이용해보자! (2개다 사용해볼것) (0) | 2023.08.28 |
| 아이콘 사용법(Font Awesome) (0) | 2023.08.28 |
| 선택자(selector) (0) | 2023.08.25 |
| html 인라인 스타일 (0) | 2023.08.23 |