오늘은 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>Lorem</h1>
<p>Ipsum</p>
<ul>
<li>Dolor</li>
<li>Amet</li>
</ul>
</body>
</html>
위코드의 결과는 다음과 같습니다.
'홈페이지제작 > CSS' 카테고리의 다른 글
| [CSS 기초강좌] 선택자 > 클래스 선택자(Class Selector) (0) | 2018.01.08 |
|---|---|
| [CSS 강좌 ]홈페이지의 글자 타입 선택자(Type Selector) (0) | 2018.01.05 |
| [기초CSS 강좌 ] 반응형 레이아웃 만들기(홈페이지만들기) (0) | 2018.01.02 |
| [CSS3기초] 홈페이지 레이아웃 만들기 [웹사이트의 레이아웃](2) (0) | 2018.01.01 |
| [CSS 기초] 홈페이지 레이아웃 만들기 [웹사이트의 레이아웃] (0) | 2017.12.30 |
itworldkorea
IT korea가 세상(world)을 변화시킨다.