CSS

우선순위

스타일이 중복해서 적용되어 있을 경우 최종 적용된 순으로(랜더링) 적용된다. 당연히 인라인 스타일이 먼저 먹겠지..

ID스타일 > 클래스 스타일 > 태그 스타일 순

.은 클래스 이름을 뜻한다.

#은 ID를 뜻한다.

<ul>안에 <ul>존재시 두번째 ul, 즉 자식 ul은 부모 ul의 스타일을 상속받는다.

background-color
background-image:url("파일 경로"); background-repeat:repeat|repeat-x|repeat-y|no repeat; background-attachment:fixed|scroll; background-position : left/center/right top/bottom/center

 

○ 유사 클래스 선택자

a:link {color:blue;}

a:visited {color:green;} : 방문했던 링크

a:hover, a:active {color:red;} : 마우스가 올라오거나 클릭했을 때 

tr:hover {background-color:red;}

input:focus {background-color:yellow} : 포커스