티스토리 뷰
상속
부모요소의 프로퍼티를 상속받고싶다면 명시적으로 inherit 값 지정
- 자식까지 상속되는 프로퍼티
<font> . . .
- 상속되지않는 프로퍼티
width, height, margin, display, border
선택자
*: "*" 와일드 카드라 불림, 전체선택자를 사용하면 페이지에 해당하는 모든 요소에 영향
타입선택자: HTML요소 이름을 선택자로 사용
id선택자: id속성에 지정한 값을 이용해 스타일 지정, id앞에 '#'을 붙여 작성
페이지당 하나만 가지는 단일값으로 정확하게 일치하는 단일요소에만 지정하고 싶을때 사용
class선택자: 요소에 스타일을 지정하는 가장 일반적인 방법, class앞에 '.'을 붙여 작성
여러요소에 값은 class값을 지정해 동일한 스타일 지정할 수 있음
속성(attribute)선택자: html속성의 값들을 비교한 결과로 스타일 지정
선택자는 "요소이름[속성명(연산자)값]"의 형태를 가짐, 연사자에 따라 요소를 선택하는 기준을 다르게 적용
박스 모델
4가지영역으로 나뉘어짐
content, padding, border, margin
둘러싼 영역들은 css프로퍼티로 너비를 지정
box-sizing
요소의 너비와 높이를 계산하는 방식 지정
content-box: content영역만을 기준으로 계산
border-box: paddinf,border,margin영역을 합한 영역 기준으로 계산
미디어쿼리
반응형 웹