css웹디자인 기능사 실기 6강. css선택자

웹디자인 기능사 실기편입니다 (html, css, javascript)
초반에는 기본적 html 위주로 볼생각입니다
책은 영진닷컴(이기적) 웹디자인기능사 실기 24년 버전이며
블로그에 책자료는 따로 올려놓겠습니다

선택자는 html에서 스타일이 적용될 대상이나 영역을 지정하는 것으로 선택자를 활용하여 html의 어떤 요소에 어떤 스타일이나 스크립트 기능을 할 것인지를 지정할 수 있습니다
1. 범용선택자 : html 문서 내의 전체 태그에 스타일을 적용
*{} 웹디자인에서는 별은 5개를 꼭 써야 합니다

2. 타입선택자 : css기본 선택자로 태그 요소 이름을 직접적으로 명시하여 사용하는 방법으로 특정 태그에 스타일을 적용 합니다
p{}

3. 클래스선택자 : 태그에서 class 속성을 사용하여 클래스 이름이 들어간 태그에 스타일을 적용합니다
마침표.를 클래스 이름 앞에 붙여서 .클래스 형태로 사용
logo인경우 .logo{}

4. id선택자 태그에서 id 속성을 사용하여 아이디 이름이 들어간 태그에 스타일을 적용
#기호를 붙여서 사용
modal인 경우 #modal{}

5. 다중 선택자 : A, B
A요소와 B요소 모두에 스타일 적용

6. 자식 선택자 : A〉B
A요소의 직접적인 1차 하위 요소인 B요소에 스타일 적용
(자식만 적용되며 후손은 적용되지 않음)

7. 후손 선택자 : A B
A 요소의 1차, 2차 이상(손자, 증손자 모두) 하위 요소에 해당하는 모든
B요소에 스타일 적용


#웹디자인기능사실기, #웹디자인, #html, #css, #javascript, #선택자,

링크
https://blog.naver.com/bong9tv/223497...