<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>내부 스타일시트</title>
<style>
* { /* 전체선택자* , css 주석은 이렇게 */
color: blue;
}
.red {
color: red;
}
.blue{
color: blue;
}
.bold {
font-weight: bold;
}
</style> <!-- CSS에는 우선순위가 있다! -->
</head>
<body>
<h1>제목</h1>
<p class="bold blue">Lorem ipsum dolor sit amet, consectetur adipisicing elit,</p>
<p class="red">incididunt ut labore et dolore</p>
<p class="blue">deserunt mollit anim id est lab</p>
</body>
</html>'개발자노트 > 웹' 카테고리의 다른 글
| Html에서 가상 클래스 선택자 (호버링) (0) | 2022.07.22 |
|---|---|
| Html에서 선택자 ( 자식선택자 ) (0) | 2022.07.22 |
| 외부 스타일시트 (스타일시트 / stylesheet ) (0) | 2022.07.22 |
| 웹 프로젝트 기본예제1 + 이미지 삽입 (0) | 2022.07.18 |
| 웹 프로젝트 생성법 (0) | 2022.07.18 |
