CSS 속성

• 속성이름과 값으로 이루어져 있으며, 속성값을 통해 해당 요소가 브라우저에 표시되는 방법을 지정
• 각 브라우저마다 고유하게 가지고 있는 CSS 값들이 다르기 때문에, 모든 브라우저가 동일한 값을 출력하기 위해 CSS 작업을 하기 전에 ‘CSS Reset CDN’ 을 사용하여 기본 속성을 초기화해주는 것이 좋다.
• HTML = Atrribute
• CSS = Property
• Javascirpt = Property

단위

• px : 출력장치의 해상도에 따라 상대적일 수 있지만 일반적으로 1px =1 /96inch 로 인식한다.
• em : 부모 요소의 글꼴 크기에 따른 상대 단위 1em = font-size of Parent Element
• rem : 루트(최상위) 요소의 글꼴 크기에 따른 상대 단위 1rem = font-size of Root Element(HTML)
• % : 백분율, 부모 요소에게 상대적으로 작용
• vw : Viewport width. 뷰포트의 가로 백분율. 1vw = 1% of Viewport width
• vh : Vewport height. 뷰포트의 세로 백분율. 1vh = 1% of Vewport height

width, height

• 요소의 가로(너비)와 세로(높이)를 지정하는 속성
• 기본값은 ‘auto’
• 숫자와 단위로 지정할 수 있다.
• 각 태그가 가진 display 속성에 따라 지정 가능한 속성이 달라질 수도 있다. (e.g. <span>)