<!DOCTYPE html>
<html>
<head>
<mete charset="utf-8" />
<style>
h1 {color:red} [!] h1 이라는 태그를 갖고 있는 태그를 가르키는 것이고, 그것의 컬러를 red 로 변경해라
</style>
</head>
<body>
<h1>CSS</h1>
<h2>JavaScript</h2>
<h3>HTML</h3>
</body>
</html>
style 태그가 나오면 css 부분이다 라고 생각하면 된다.
h1 {color:red; font-size:10px;} [!] h1 태그의 font size를 10px으로 변경해라
h2{text-decoration:underline;} [!] h2 태그 내용에 밑줄을 쳐라
header h1{border:1px solid red;}
[!] <header> 에 묶여있는 h1에 내용에 박스칸을 만들어라, 1px 테두리의 두께 red는 색상 solid는 단선 dotted는 점선
순서가 바뀌어도 상관없다.
'Web > CSS' 카테고리의 다른 글
| [css] 간단한 레이아웃 만들기 (0) | 2019.01.22 |
|---|---|
| [CSS] <link rel="stylesheet" type="text/css" href="style.css"> (0) | 2018.03.03 |
| [CSS] <img src=" " /> img{float:left;} (0) | 2018.03.03 |
| [CSS] <li id="selected"> #selected{} {padding:30px;} {margin:50px} (0) | 2018.03.03 |
| [CSS] ATOM 윈도우 설치 및 사용방법 (0) | 2018.03.03 |
댓글