h1, h2, h3 등의 h태그와 p태그 등을 복습하였다.
또한 인라인 스타일, 내부 스타일, 링킹 스타일과 그들의 우선순위를 배웠다.
같은 태그여도 다른 class 이름이나 id를 가지면 개별적으로 스타일을 적용할수도
있었다.
하기 코드는 실습 내용이다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>index_0323</title>
<link rel="stylesheet" href="style.css">
<style>
h2 {
color : #05c4bc;
}
</style>
</head>
<body>
<h1 style="color: #ff0000">인라인 스타일</h1>
<h2>내부 스타일</h2>
<p>
링킹 스타일 시트
</p>
<h3>h3 태그</h3>
<h4 class="h4_class">h4 태그</h4>
<h5 class="h5_class">h5 태그</h5>
<h3 class="classTagTest_1">
h태그1
</h3>
<p class="classTagTest_1 subTest_1">
p태그1
</p>
<p class="classTagTest_2">
p태그2
</p>
<h3 id="idTagTest_1">id tag</h3>
</body>
</html>p {
color : #e28743;
}
h3 {
color : black;
}
h4 {
color : green;
}
h5 {
color : blue;
}
.h4_class {
color : royalblue;
}
.h5_class {
color : brown;
}
.classTagTest_1 {
color : yellowgreen;
}
p.classTagTest_1.subTest_1 {
color : yellow;
}
.classTagTest_2 {
color : #000;
}
#idTagTest_1 {
color: red;
}
안녕하세요