https://coding-diary100.tistory.com/45
CSS_ 기본 개념과 문법
CSS(Cascading Style Sheet) 웹 페이지의 특정 요소 또는 요소 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어 CSS 문법 HTML 문서 사이에 요소를 사용하여 적용하는 방법 각각 페이지 마다
coding-diary100.tistory.com
1. 전체 선택자
-스타일을 모든 요소에 적용
-*기호를 사용해서 표현
-너무 많은 요소가 있는 HTML문서에 사용할 경우 클라이언트에 부하를 줄 수 있음
문법
*{속성명1:속성값1; 속성명2:속성값2;}
✔개별적으로 적용한 스타일은 전체 선택자에 적용한 스타일보다 우선!
HTML 코드
<!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>전체 선택자</title>
<style>
h2{color: deepskyblue;
font-size: 50px;}
*{color: gray;}
</style>
</head>
<body>
<h2>전체선택자</h2>
<ul>
<li>스타일을 모든 요소에 적용</li>
<li>*기호를 사용해서 표현</li>
<li>너무 많은 요소가 있는 HTML문서에 사용할 경우 클라이언트에 부하를 줄 수 있음 </li>
</ul>
</body>
</html>
'코딩공부 > HTML,CSS,JavaScript' 카테고리의 다른 글
| CSS_상속 (0) | 2023.03.28 |
|---|---|
| CSS_요소 선택자 (0) | 2023.03.28 |
| CSS_ 기본 개념과 문법 (0) | 2023.03.28 |
| HTML_input 태그(type속성 추가) (0) | 2023.03.27 |
| HTML_semantic 태그 (0) | 2023.03.27 |
