본문 바로가기

Archived(Programming)/Css

Chap 1. Selector(선택자)

* 웹


HTML - 정보 제공

CSS - 디자인


* 선택자_선언(Selector_declaration)


선택자는 속성을 입힐 대상(주어)

선언은 우리가 입힐 속성과 값 (다음과 같은 양식)


css selector에 대한 이미지 검색결과



* ID 선택자 


id 값을 주고

#으로 속성 지정


id selector에 대한 이미지 검색결과


* 부모-자식 선택자


1) ul의 li에만 속성만 입히고 싶으면

ul li{}를 통해 선택자(띄워쓰기는 해당 자식의 의미)


2) ul>li{}를 통해 선택자를 활용시 직계자손만 적용

(자식의 자식은 적용하지 않음)


3) ul,ol{}를 통해 선택자 활용시 공통 속성


* 선택자 공부 Tip


flukeout.github.io 선택자 공부

cheat_seat 검색해서 찾아보기


* 가상 클래스 선택자(psuedo class selector)


:link - 방문한 적이 없는 링크

:visited - 방문한 적이 있는 링크

:hover - 마우스를 롤오버 했을 때

:active - 마우스를 클릭했을 때

:focus - 선택되어졌을 때(tab 키 활용)

'Archived(Programming) > Css' 카테고리의 다른 글

Chap 6. 그래픽(Graphic)  (0) 2019.01.24
Chap 5. 레이아웃(Layout) 활용  (0) 2019.01.23
Chap 4. Layout(레이아웃) 기본  (0) 2019.01.22
Chap 3. Font(서체)  (0) 2019.01.22
Chap 2. Inherit(상속)  (0) 2019.01.22