아래 내용을 통해 모두 실습해봅시다.

출처 : 튜토리얼로 배우는 HTML & CSS

출처 : 튜토리얼로 배우는 HTML & CSS

1. Type h1 { }

1.1 전체 선택자(universal)

전체 선택자를 통해서 모든 HTML 요소에 접근을 할 수 있습니다. 이를 통해 문서 전체에 공통적으로 기본값을 지정할 수 있습니다. 전체 선택자는 * 을 사용하여 나타냅니다.

* {
    margin: 0 auto;
}

1.2 태그 선택자

태그 선택자는 태그 이름 을 사용하여 나타냅니다. 해당 태그의 이름에 해당하는 모든 태그에 속성을 적용합니다.

p {
    color: red;
}

h1 {color: red;}

/* 선택자 */
body {
	background-color: red;
			/* 속성 */  /* 값 */
}

▲ body의 background-color를 red로 설정

• * : 문서 내의 모든 엘리먼트를 선택.
• body, header, h1, section 등 해당 이름을 가진 html 엘리먼트를 선택.