전체 선택자

Coddy HTML 여정의 CSS로 스타일링하기 섹션에 포함된 레슨. 76개 중 15번째.

범용 선택자는 페이지의 모든 HTML 요소를 선택하는 CSS의 강력한 선택자입니다. 별표(*)로 표시됩니다.

범용 선택기를 사용하면 요소의 유형, 클래스 또는 ID에 관계없이 지정된 스타일이 모든 요소에 적용됩니다. 브라우저는 사용자가 지정한 스타일보다 먼저 자체 기본 스타일을 적용하므로(예를 들어 제목과 문단 주변의 여백, 목록의 패딩), 범용 선택기는 전체 문서에 전역 스타일을 설정하거나 브라우저의 기본 스타일을 초기화하는 데 유용합니다.

범용 선택자를 사용하는 기본 구문은 다음과 같습니다.

* {
    property: value;
}

예를 들어, 페이지의 모든 요소에 기본 텍스트 색상과 글꼴 크기를 설정하고 싶다고 해 보겠습니다. 다음과 같이 전체 선택자를 사용할 수 있습니다.

* {
    color: black;
    font-size: 14px;
}

챌린지

쉬움

제목(<h1>, <h2>), 단락(<p>), 그리고 구분 영역(<div>)을 포함한 다양한 요소가 있는 HTML 문서가 주어집니다. 범용 선택자를 사용하여 이러한 요소의 스타일을 지정하는 것이 과제입니다. 아래 단계를 따르세요:

범용 선택자를 사용하여 모든 요소의 텍스트 색상을 darkgray로, 글꼴 크기를 16픽셀로 설정하는 CSS 규칙을 작성하세요.

직접 해보기

<html>
<head>
    <title>Universal Selector</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a main heading</h1>
    <h2>This is a subheading</h2>
    <p>This is a paragraph.</p>
    <div>This is a division.</div>
</body>
</html>