-
[CSS] 기본 선택자HTML & CSS 2023. 9. 8. 13:49
태그 형태 설명 전체 선택자 * HTML 페이지 내부의 태그를 모두 선택 태그 선택자 태그 HTML 페이지 내부의 특정 태그를 모두 선택 아이디 선택자 #아이디 특정 id 속성이 있는 태그 선택 클래스 선택자 .클래스 특정 클래스가 있는 태그 선택 전체 선택자
- 모든 하위 요소에 한꺼번에 스타일을 적용할때 사용
- 문서의 여백이나 글꼴,크기 등 기본 스타일을 초기화할때 사용
*{ 속성:값; }
태그 선택자
- 태그를 선택하면 웹페이지에 해당 태그에 해당하는 모든 요소들에 스타일이 적용
태그 { 속성: 값; }
아이디 선택자
- id 속성 : 태그에 이름을 부여하는 속성(변수명)
- id는 속성명은 중복 하여 사용하지 않음 (관례)
- "#" 기호에 태그의 id를 뒤에 붙여서 사용
#id 선택지{ 속성:값; }
클래스 선택자
- class : 중복허용 id와 다르게 중복하여 사용가능
- 여러개를 중복으로 사용가능하기 떄문애 공통으로 스타일을 적용해야 할 때 사용
- "." 뒤에 클래스 명을 붙여서 사용
#class 선택자{ 속성:값; }
'HTML & CSS' 카테고리의 다른 글
[CSS] 상태 선택자 (0) 2023.09.08 [CSS] 특수(속성,후손,자손,반응) 선택자 (0) 2023.09.08 [HTML] 구조화 (0) 2023.09.08 [HTML] 공간 태그(div & span) (0) 2023.09.08 [HTML] FORM 양식 태그 (0) 2023.09.07