[2019.04.18] 웹 프로그래밍 및 실습 복습 (CSS3의 다양한 선택자02, CSS3 박스속성)

동위 선택자 : 선택자 + 선택자 (얘만 찾을거야!)

(동일한 레벨/같은 선상) 선택자 ~ 선택자 (전부다~~)

 

링크선택자 : 앞에 누군가가 붙어야 사용 가능.  

(a 태그)

:link { }

:visited {} 방문하고 나면.

동위 선상의 p 한개

 

링크 색 바꾸기

방문한 링크 색 바꾸기

부정 선택자

선택자:not(선택자)

아이디태그나 클래스태그가능

문자 선택자

::first-letter 첫번째 글자

::first-line 첫번째 줄(화면기준)

::after

::before

::selection 드래그

content : " " ; 필수!

CSS3속성

단위

width : 100px, %, 1.8em(배율)

 

color : red / #000000 / rgb(0,0,0) / rgba(0,0,0,1.0) 불투명도(0.0~1.0)

 

박스속성 = 5개

top right bottom left 순서

대칭이 기본

 

border style

soild(실선), dotted(점선)

 

프린트물 잘보기