CSS - basic_selector

yeong ·2022년 11월 10일

css

목록 보기
5/34

*전체 선택자 : 모든 엘리먼트(Element - 태그)를 선택 - 비권장

* {
	margin: 0;
	padding: 0;
}

태그 선택자 : 태그명을 이용하여 엘리먼트 선택 태그명이 같은 다수의 엘리먼트에 동일한 스타일 적용


클래스 선택자 : 태그의 class 속성값을 이용하여 엘리먼트 선택
태그 선택자와 구분하기 위해 클래스 선택자는 [.]으로 시작되도록 표현
class 속성값이 같은 다수의 엘리먼트에 동일한 스타일 적용


#### class 속성 : CSS 스타일 적용하기 위한 태그의 클래스명을 속성값으로 설정 태그에는 동일한 class 속성값 설정 가능 - 같은 class 속성값을 사용하는 태그에 동일한 CSS 스타일 적용 class 속성에는 다수의 속성값을 설정 가능 - 공백으로 속성값 구분

#### 아이디 선택자 : 태그의 id 속성값을 이용하여 엘리먼트 선택
태그 선택자와 구분하기 위해 아이디 선택자는 [#]으로 시작되도록 표현
id 속성값을 사용하는 하나의 엘리먼트에만 스타일 적용

id 속성 : 태그를 구분하기 위한 식별자(고유값)를 속성값으로 설정 (중복 불가능)

0개의 댓글