[CSS 기본] CSS 기본 정리

스타일 우선순위

1. 사용자 스타일 시트

2. 직접 만든 스타일 중 !important 가 적용된 스타일

3. 직접 만든 스타일

4. 기본 브라우저 스타일 시트

 

소스 상 순서

나중에 온 스타일이 먼저 온 스타일을 덮어쓴다.

 

브라우저 접두사

표준 규약이 아닌 속성들에 대해서는 브라우저에 따라 속성이름 앞에 접두사(prefix)를 붙여야 한다.

접두사	설명
-webkit-	웹키트 방식 브라우저용 ( 사파이, 크롬)
-moz-	게코 방식 브라우저용( 모질라, 파이어폭스)
-o-	오페라 브라우저
-ms-	마이프로소프트 인터넷 익스플로러

BUT, CSS 속성을 사용할 때마다 여러 브라우저 접두사를 붙여 사용하는 것은 번거롭기 때문에 

'-prefix-free' 라는 js 파일을 이용하면 매번 접두사를 붙이지 않아도 된다.