5 - CSS 시작하기

----___<<<<< 2019. 12. 27. 19:58

이제 드디어 CSS(Cascading Style Sheets)라는 것을 시작합니다.

<Head></Head>안에 <Style></Style> 라는 것을 넣어줍니다.

<!DOCTYPE html>
<html>
<head>
	
	<title>타이틀이에요 뿌우^^</title>
	<style type="text/css">
		body{
			background-color: blue;
		}
		div {
			color:yellow;
		}
		p {
			color:red;
		}
	</style>

</head>
<body>

	<div>
		안녕
	</div>

	<p>뭘까요 이건</p>

	
</body>
</html>

<!DOCTYPE html>
<html>
<head>
	
	<title>타이틀이에요 뿌우^^</title>
	<style type="text/css">
		p {
			color: red;
		}
		#itsb {
			color:blue;
		}
		.itsd {
			color:yellow;
		}
	</style>

</head>
<body>

	<p>A</p>
	<p id="itsb">B</p>
	<p>C</p>
	<p class="itsd">D</p>


	
</body>
</html>

<!DOCTYPE html>
<html>
<head>
	
	<title>타이틀이에요 뿌우^^</title>
	<style type="text/css">

		div {
			border:1px solid red;
			margin:100px;
			padding:100px;
		}

	</style>

</head>
<body>

	<div>
		this is div
	</div>


	
</body>
</html>