본문 바로가기

먹고살거/KPI

[CSS3] 새로운 CSS3

CSS3의 소개 및 새롭게 추가된 기능 알아보기
HTML에서 지원하지 못했던 타이포그래피,레이아웃.배경 이미지와 같은 디자인을 구현할수 있는 용도로 사용되는 CSS이다.
웹페이지 제작에 있어서 HTML과 함께 중요한 마크업 언어입니다.
특히, CSS3는 추가되는 선택자와 속성,값에 따라 웹 브라우져 별로 지원되는 -webkit-,-moz-와 같은 벤더 프리픽스를 사용해야만 합니다.
하지만, 기존의 CSS2가 가지지 못했던 포토샾과 자바스크립트 기술에만 의존하던 다양한 영역의 기술을 구현할 수있다는 큰 장점이 있습니다.

 

CSS3의 핵심적인 특징
CSS2와 CSS3의 큰 차이점 중 하나는 모듈 기반으로 개발되고 있어 다양한 웹브라우져나 디바이스의 필요에 따라 원하는 CSS 모듈만을 탑재 할수 있다는 점입니다.

-배경 이미지에 대한 지원 | 다중 배경 이미지 속성 값
-보더에 대한 지원 | 모서리를 둥글게 만드는 속성
-트랜스폼 메소드 지원 | 박스 모델을 변형시키는 속성
-애니메이션과 트랜지션 효과 전환 | 상태 변화에 따라 애니매이션이 실행되는 속성
-다단 레이아웃 지원
-텍스트 속성 추가
-순서에 관련된 선택자추가
-속성에 관련된 선택자 지원
-input 요소 관련 선택자 지원
-다양한 색상 값 지원
-그라데이션과 투명도 지원

 

앞으로의 css3의 새로운 방식을 공부해 나가자