<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS๊ธฐ๋ณธ</title>
<!-- style ํ๊ทธ ์ฌ์ฉ ์๋ฆฌ -->
</head>
<!-- style ํ๊ทธ ์ฌ์ฉ ์๋ฆฌ -->
<!-- margin, padding : ์ฌ๋ฐฑ ์์ ๋ผ! ์ ์ฒด ๋ค ์ ์ฉ -->
<style> /* ์ฃผ์ */
* {
margin: 0;
padding: 0; /* margin, padding : ์ฌ๋ฐฑ ์์ ๋ผ! ์ ์ฒด ๋ค ์ ์ฉ */
}
span{
color: purple;
font-weight: bold;
}
div{
color: white;
background-color: gray;
font-weight: bold;
}
span{
color: lightskyblue;
font-size: 20px;
}
</style>
<body>
<span>์๋
ํ์ธ์1?</span> <!-- ์ธ๋ผ์ธ ํ์ / ์ ํ ์ฌ์ฉํ ์ผ์ด ์์ : ์์ด ๋ง์์ง๋ฉด ์ฐพ๊ธฐ ํ๋ฌ -->
<span style="color: red">์๋
ํ์ธ์2?</span> <!-- ๋ด๋ถ์คํ์ผ ์ํธ๋ณด๋ค / ์ธ๋ผ์ธ์ด ์ฐ์ ์ด๋ผ ๋นจ๊ฐ์ ๋จผ์ ๋์ด -->
<span>์๋
ํ์ธ์3?</span>
<div>DIVํ๊ทธ์
๋๋ค.</div>
<div>DIVํ๊ทธ์
๋๋ค2 </div>
<div>
<span>SPAN</span>
<section>
SECTION
</section>
</div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</body>
</html>
