이제 드디어 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>
'인프런 - 강의 > 슈퍼초보를 위한 웹개발 기초' 카테고리의 다른 글
| 7 - 반응형 웹과, 부트스트랩(bootstrap) (0) | 2019.12.28 |
|---|---|
| 6 - CSS 좀 더 알아보기 More (0) | 2019.12.27 |
| 4 - HTML 조금 더 more 연습하기 (0) | 2019.12.27 |
| 3 - HTML 조금 더 연습해보기 (0) | 2019.12.27 |
| 2 - HTML이란?, sublime text 설치 (0) | 2019.12.26 |