css2

1캐스캐이딩: 선택자에 여러 스타일을 적용될 때 스타일 충돌을 막기위애 '위에서 아래로 흐르며 적용되는'방법을 선택
캐스캐이딩 원칙: 우선 순위 & 상속
2우선순위
-얼마나 중요한가
사용자 스타일 시트(사용자가 제어 X) 중요 스타일 - 제작자 스타일 시트(제작자가 만든 스타일) 중요 스타일- 사용자 스타일 시트(사용자가 제어 X) 일반 스타일 - 제작자 스타일 시트(제작자가 만든 스타일) 일반 스타일 - 브라우저 스타일 시트(브라우저의 기본 스타일)
-얼마나 한정지을 수 있는가
인라인 스타일(해당 태그에만 적용)-id 스타일(지정한 부분에만 적용,문서 안에서 한번만 사용 )-클래스 스타일(지정한 부분에만 적용, 문서 안에서 여러번 사용)-태그 스타일(특정 태그에만 적용, 문서 안의 같은 태그에 모두 작용)
-소스 순서에 따라
나중에 온 스타일이 먼저 온 스타일을 덮어쓴다.
3스타일 상속
부모 요소에 이는 스타일 속성들이 자식 요소로 전달된다.
단, 모든 속성이 상속되는 것은 아니다. ex)배경 색

1css1-css2-css3
css3은 css2를 기본으로 새로운 규약들이 추가된 것
배경이나 글꼴, 박스 모델 등 주제별로 규약을 따로 만듦(css 모듈)
*W3C css사이트로 가서 확인하자!
2브라우저 접두사: 브라우저 마다 해석(처리)하는 방법이 다르고, 이전 버전(표준 속성이 완성되기 전)의 브라우저를 위해서 접두사 표시
-webkit-, -moz-, -o-,-ms-
3브라우저 접두사를 자동으로 붙여줌(-prefix-free.js)
-http://leaverou.github.io/prefixfree/에서 파일 다운로드하고 prefixfree.min.js파일을 원하는 곳으로 복사하거나 옮긴다.
-<script src="prefixfree.min.js"></script>를 입력해주면 브라우저 접두사 없이 css3 속성 사용이 가능하다.