<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>css배우기</title>
<style>
#gaga{
color: orange;
font-size: 45px;
}
h1, p{
color: purple;
}
.text{ color: red;}
h1{ color: blue;}
</style>
</head>
<body>
<h1 class="text">제목 나타내기</h1>
<p id="gaga">피태그로 글씨해봄</p>
<p class="text">여기다 여기</p>
<p id="gagaga">아주 잘했군</p>
</body>
</html>
<!--태그선택자보단 클래스선택자가 우선순위-->
전체 선택자
-모든 요소 선택
*
태그선택자
h1,p만 지정하여 요소 선택
id선택자
id속성 지정하여 선택
요소를 식별하기 위한 속성
고유한 값이어야 하며 한 번 정해지면 수정 삭제하지말도록
하위 요소보단 상위 요소에서 작성하는게 일반적이라고 함.
클래스 선택자
. 공통 요소나 특정상태 요소 선택하여 사용함
우선순위
. > 태그선택자 >
'프론트엔드 > css' 카테고리의 다른 글
| [유노코딩 css 8강] padding과 margin (0) | 2023.08.02 |
|---|---|
| [유노코딩 css 7강] 박스 (0) | 2023.08.02 |
| [유노코딩 css 6강] div,span의 블록,인라인 여부, border의 하위속성 (0) | 2023.08.02 |
| [유노코딩 css 5강] 텍스트 관련 속성 (0) | 2023.08.02 |
| [유노코딩 css 1강] css 용도 (0) | 2023.08.02 |
