- 상속 : 상위에서 결정된 스타일을 하위에서도 사용 - 배치와 관련된 속성 (box-model: width, height, margin, padding, border...) 들은 상속이 되지 않는다. - CSS는 여러가지 스타일 정보를 기반으로 최종적으로 경쟁에 의해서 적절한 스타일이 반영된다.선언방식에 따른 차이Inline > Internal = External같은 수준에서는 나중에 선언된 정보가 반영된다.구체적으로 표현된 정보가 반영된다. ('body > span' 이 'span' 보다 구체적으로 표현됨)class보다 id가 우선순위가 더 높음# : id / . : classid > class > element (금은동의 관계)- 이러한 CSS의 특징을 Cascading이라고 부른다. (Cascad..
span { color: red; } - span : selector(선택자)- color : 프로퍼티- red : 값- propery와 value는 콜론으로 구분, 세미콜론으로 문장을 구분 [Inline] - HTML 태그 안에 CSS 문법을 넣음 - style 속성 사용- Hello World! [Internal] - head 태그 안에 CSS 문법을 넣음- style 태그 사용- - 구조와 스타일이 섞이게 되므로 유지보수가 어렵다.- 별도의 CSS 파일을 관리하지 않아도 된다. 서버에 CSS 파일을 요청하기 위한 별도 요청을 보낼 필요가 없다. [External] - 별도의 .css 파일을 만들어 import - - 우선 순위 : Inline > Internal = External- 나중에 선언된 ..