* 웹
HTML - 정보 제공
CSS - 디자인
* 선택자_선언(Selector_declaration)
선택자는 속성을 입힐 대상(주어)
선언은 우리가 입힐 속성과 값 (다음과 같은 양식)
* ID 선택자
id 값을 주고
#으로 속성 지정
* 부모-자식 선택자
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 |