HTML5+CSS3]5-4 CSS3와 CSS 모듈

https://www.youtube.com/user/easyspub

 

easyspub

✔CSS3란 ?

CSS2나 CSS1보다 정교하고 화려한 화면을 구성할 수 있고 애니메이션까지 지원한다.

CSS2 규약 안에는 스타일과 관련된 것들이 한꺼번에 담겨 있기 때문에 덩치가 크고 복잡해 한 번에 업데이트하기 쉽지 않다는 단점이 있다.

👉CSS3부터는 배경이나 글꼴, 박스 모델 등 수십 개 기능을 주제별로 규약을 따로 만들었다. 이것을 CSS모듈이라고 한다.

모듈별로 진행 속도도 다르고 필요에 따라 새로운 모듈이 생기기 때문에 CSS3는 한번에 표준 규약이 결정되지않는다.

https://www.w3.org/Style/CSS/ CSS규약들을 볼수 있다.

 

✔CSS3와 브라우저 접두사(prefix)

표준 규약이 아닌 속성들은 브라우저에 따라 다른 방식으로 지원된다.

속성 이름 앞에 접두사(prefix)를 붙여 브라우저별로 구분한다

표준 규약이 만들어졌더라도 이전 버전의 모던 브라우저 사용자를 고려해 계속 브라우저 접두사를 붙여 사용하기도 한다.

 

• 브라우저 접두사 자동으로 붙이기

-prefix-free 라는 자바스크립트 파일을 이용하면 매번 브라우저 접두사를 붙이지 않고도 편리하게 CSS3 속성을 사용할 수 있다