CSS
html 인라인 태그
오시리엔
2023. 8. 23. 11:17
<!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>