인프런 - 강의/슈퍼초보를 위한 웹개발 기초
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>