CSS (1) 정의, 선택자

--CSS? ->Cascading Style Sheets

마크업 언어가 실제로 화면에 표시되는 방법(모양, 색, 스타일)을 기술하는 언어.

(HTML 코드가 화면에 어떤 모양, 색으로 보여질지 지정하는 언어)

W3C 표준으로 지정됨

 

--선택자? ->현재 HTML 문서 내에 특정 요소를 선택하는 문자

                 선택된 요소에 원하는 스타일을 적용할 수 있다.

(1)태그 선택자(이름) : 현재 html 문서 내에 같은 기본 태그들을 선택하는 선택자

(2)ID 선택자(#이름) : 현재 html 문서 내에 id 속성값이 일치하는 요소를 선택하는 선택자

           **id 속성값은 페이지 내에서 유일해야 한다(중복x)

(3)클래스 선택자(.이름) : HTML 문서 내에 같은 class 속성 값을 가지는 태그를 모두 선택하는 선택자

(4)모든 요소 선택자(*) : 단독 또는 다른 선택자와 함께 사용 가능한 선택자

                     --단독 : 현재 html 문서 내 모든 요소 선택

                     --같이 사용 : 해당 선택자 내부, 형제, 부모 등을 모두 선택

(5)기본 속성 선택자(선택자[속성 = "속성명"]) : 태그에 작성된 특정 속성을 선택하는 선택자

(6)자손, 후손 선택자(> , + ) : 지정된 요소의 하위 요소 선택

                       자손 선택자 >: 지정된 요소의 바로 하위 존재 요소 선택(바로 붙어있는 요소만 가능)

                       후손 선택자 +: 지정된 요소의 모든 하위 요소 선택

(7)반응 선택자 : 사용자의 움직임에 따라 달라지는 선택자

                      --사용자가 요소를 클릭하고 있는 경우(:active)

                      --사용자가 요소에 마우스를 올려두는 경우(:hover)

(8)상태선택자 : 입력 양식의 상태에 따라 선택되는 선택자

                      --입력 양식의 상태에 따라 선택되는 선택자

                      --체크 유무 상태에 따른 :checked

                      --선택 또는 입력이 가능 불가능 유무에 따른 :enable, :disabled

(9)동위 선택자 :  동일 위치 뒤에 위치한 요소를 선택하는 선택자

                      --A 바로 뒤에 있는 B 요소 하나 선택 (A + B)

                      --A 뒤에 있는 모든 B요소 선택 (A ~ B)