CSS3 소개 – 1 부 : 무엇입니까?
이 기사는 CSS2에서 대체하도록 설정된 새로운 CSS3 표준에 대한 소개를 제공하는 몇 가지 중 첫 번째 기사입니다. CSS3에 대해 들어 본 적이없는 것에서부터 다양한 기능이 널리 채택되기 시작하면서 CSS3를 시작할 준비가 된 느낌까지, 처음부터 시작할 것입니다.
무엇입니까?
CSS3는 몇 가지 중요한 변경 사항을 통해 디자인에 영향을 줄 수있는 매우 다양한 새로운 방법을 제공합니다. 이 첫 번째 튜토리얼은 표준에 의해 만들어진 새로운 가능성에 대한 매우 기본적인 소개를 제공합니다.
모듈
CSS3의 개발은 '모듈'로 나뉘어 질 것입니다. 기존 사양은 너무 커서 너무 복잡해서 하나로 업데이트 할 수 없었기 때문에 새로운 사양과 함께 더 작은 조각으로 분류되었습니다. 이러한 모듈 중 일부는 다음과 같습니다.
- 박스 모델
- 모듈 목록
- 하이퍼 링크 프리젠 테이션
- 음성 모듈
- 배경과 테두리
- 텍스트 효과
- 여러 열 레이아웃
전체 모듈 목록보기
타임 스케일
SVG (Scalable Vector Graphics), 미디어 쿼리 및 네임 스페이스를 포함한 여러 모듈이 완성되었습니다. 다른 사람들은 여전히 연구 중입니다.
웹 브라우저가 CSS3의 새로운 기능을 채택 할 예정일을 예측하기는 매우 어렵습니다. 일부 새로운 Safari 빌드는 이미 시작되었습니다.
새로운 기능은 다른 브라우저에서 점진적으로 구현 될 것이며 모든 모듈이 널리 채택되기까지는 1 년에서 2 년이 걸릴 수 있습니다.
CSS3는 나에게 어떤 영향을 미칩니 까?
바라건대, 주로 긍정적 인 방식으로. CSS3은 분명히 이전 버전과 완벽하게 호환되므로 기존 디자인을 변경하여 작동하도록 할 필요는 없습니다. 웹 브라우저는 항상 CSS2를 계속 지원합니다.
주요 영향은 사용 가능한 새로운 선택기 및 속성을 사용할 수있는 능력입니다. 이를 통해 새로운 디자인 기능 (예 : 애니메이션 또는 그라디언트)을 달성하고 훨씬 더 쉬운 방법으로 현재 디자인 기능을 얻을 수 있습니다 (예 : 열 사용).
이 시리즈의 향후 기사는 각각 CSS3 사양의 다른 모듈과 새로운 기능에 중점을 둘 것입니다. 다음은 CSS3 테두리와 관련이 있습니다.
시리즈의 다른 게시물
- CSS3 소개 – 1 부 : 무엇입니까?
- CSS3 소개 – 2 부 : 테두리
- CSS3 소개 – 3 부 : 텍스트 효과
- CSS3 소개 – 4 부 : 사용자 인터페이스
- CSS3 소개 – 5 부 : 다중 열
- CSS3 소개 – 6 부 : 배경
