font-size 폰트의 크기 rem html 태그에 적용된 font-size의 영향을 받는다. html 태그의 폰트 크기에 따라서 상대적으로 크기가 결정된다. px 모니터 상의 화소 하나의 크기에 대응되는 단위다. 고정된 값이기 때문에 이해하기 쉽지만, 사용자가 글꼴의 크기를 조정할 수 없기 때문에 가급적 사용을 하지 않는 것이 좋다. em 부모 태그의 영향을 받는 상대적인 크기다. 부모의 크기에 영향을 받기 때문에 파악하기가 어렵다. rem이 등장하면서 이 단위 역시 사용이 권장되지 않는다. color 폰트의 컬러 http://www.w3schools.com/css/css_colors.asp CSS Colors CSS Colors Colors are specified using predefined c..

상속이란? 부모의 엘리먼트 속성을 가진 자식 엘리먼트가 물려받아 사용하는 것을 의미한다. 예를 들어 모든 엘리먼트의 색상을 지정할때 하나 하나 지정하는 것보다 제일 상위 엘리먼트인 색상을 지정하면 하위 엘리먼트도 자동으로 색상이 적용된다. https://www.w3.org/TR/CSS21/propidx.html Full property table www.w3.org 상속하는 속성과 상속하지 않은 속성 캐스케이딩이란? 위에서 아래로 흐른다는 의미이다. 선택자에 따른 우선순위는 !important > 인라인 style > id > class > 태그

CSS(Cascading Style Sheets)란? 웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일시트이다. 문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄어들게 하였다. 기존의 HTML은 웹 문서를 다양하게 설계하고 수시로 변경하는데 많은 제약이 따르는데, 이를 보완하기 위해 만들어진 것이 스타일 시트이고 스타일 시트의 표준안이 바로 CSS이다. 전체 선택자 - 모든 요소에 적용 * {} 태그 선택자 - 태그를 사용하는 요소에 스타일을 적용 ex) H1 태그 사용 시 H1 {} ID 선택자 - id속성을 가진 특정 부분에 스타일을 적용 #id명 {} id 에 줄 경우 아래처럼 #을 맨 앞에 붙여 사용하며 원칙적으로 하나의 객체에만 적용할 수 있다. Class 선택자 - cl..