CSS 강좌 /선택자 / 전체 선택자(Universal Selector)
전체 선택자(Universal Selector)는 모든 HTML 요소를 선택합니다. 별표(*)로 나타냅니다.
예를 들어
* {
color: blue;
}
는 모든 요소의 색을 파란색으로 만듭니다.
다른 선택자와 같이 사용할 때는 생략할 수 있습니다. 즉,
*.abc { color: blue; }
.abc { color: blue; }
는 같은 결과를 만듭니다.
예제
모든 요소의 글자 모양을 기울임꼴로 만드는 예제입니다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>CSS</title>
<style>
* {
font-style: italic;
}
</style>
</head>
<body>
<h1>대한민국</h1>
<p>서울특별시</p>
<ul>
<li>강남구</li>
<li>용산구</li>
</ul>
</body>
</html>
위코드 값의 결과는 다음과 같습ㄴ다.
'홈페이지제작 > CSS' 카테고리의 다른 글
| [CSS 강좌] 박스 모델(Box Model) (0) | 2018.02.07 |
|---|---|
| [HTML과 CSS 코드예시] 스타일 적용으로 웹페이지 꾸미기 (0) | 2018.02.06 |
| [CSS 강좌] 워드프레스 테마 만들기 (0) | 2018.01.29 |
| [CSS 기초강좌] 표(table) 꾸미기 > 테두리 만들기 (0) | 2018.01.11 |
| [CSS 강좌] 표(table) 과 배경색 꾸미기 (0) | 2018.01.10 |
itworldkorea
IT korea가 세상(world)을 변화시킨다.