Web/CSS

[CSS] <style> {color:red} {font-size:10px} {text-decoration:underline;} header h1{border:1px solid red;}

뉴비뉴 2018. 3. 3.

<!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는 점선

순서가 바뀌어도 상관없다.

[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

댓글