[CSS3] 선택자 종류

조건

1. id는 동일 중복 선택이 가능하지 않다.
2. class는 동일 중복 선택이 가능하다.
3. img는 </> 태그를 닫을 필요가 없다.
4. input의 속성에는 text와 password가 있다.
5. text는 값을 입력하는 것 -> password는 비밀번호를 입력하는 것

선택자 종류	선택자 형태	선택자 예
전체 선택자	*	*
태그 선택자	태그	h1
아이디 선택자	#아이디	#header
클래스 선택자	.클래스	.item
후손 선택자	선택자 선택자	header h1
자손 선택자	선택자 > 선택자	header > h1

선택자

selector {
	property : value;
}

선택자 우선순위

1. !important
2. HTML 파일 안에 style 속성
3. id
4. class
5. 아래에 있는 HTML 태그
6. 구체, 즉 위에 있는 HTML 태그
7. 포괄 (*)

선택자 !!

자손 선택자 (>)
: 자식(직계 자식만 선택 가능하다)
후손 선택자 ( )
: 후손 (내 밑에 누구든지 가능하다)
마주하는 첫 자매(ex. h1 + h2)
: h1의 자매 중에 h2를 하나만 찾는 것
마주하는 모든 자매(ex. h1 ~ h2)
: h2의 자매 중에 h3을 모두 찾는 것
n번째 자식
: 태그:nth-child(n)
첫번쩨 자식
: first-child
마지막 자식
: last-child

css decalaration : css 선언

color : pink; //글자 색상 변경
text-decoration: underline; //a 링크의 글자 밑줄O
text-decoration: none; //a 링크의 글자 밑줄X
font-size: 50px; //글자 크기
text-align: center; //글자 중앙정렬
padding-right: 50px; //안쪽 오른쪽 여백
margin-right : 50px; //박스 밖의 영역으로 50px거리 
border-width: 5px; //선의 두께 5px
border-style : solid; //박스의 일반적인 선 생성
border-color: pink; //선의 색상
border: solid pink; //한 번만에 색상의 박스의 선 생성