html / CSS
node vs element
node : 태그 노드와 텍스트 노드 전체
element : 텍스트 노드 제외
children : 텍스트 노드 제외
childNodes: 텍스트 노드 포함
선택자
id : 고유값, 중복 불가, #id명로 선택
class : 중복 가능, .class명으로 선택
[특정속성] : 특정 속성을 갖는 모든 요소
[특정속성=’’] : 특정 속성의 값이 ‘’인 요소
선택자 우선순위
!important를 포함한 규칙 > 인라인 스타일 속성 > id선택자 > 클래스, 속성, 가상 선택자 > 요소 선택자 > 전체 선택자
높은 우선순위의 선택자를 더 많이 사용한 규칙이 우선
| #id .wrap .content div span > #id .content div span
head 안 style > style안 @import > link로 연결한 css > link로 연결한 css 안에 @import > 브라우저 기본
border-box vs content-box
content-box : padding, border 영역을 제외한 크기를 width, heigh로 가짐
border-box : padding, border 영역을 포함한 width, height를 가짐