CSS3 소개

소개

CSS는 Cascading Stylesheet입니다. CSS 기술은 웹 개발에서 페이지의 레이아웃, 글꼴, 색상, 배경 및 기타 효과를 효과적으로 제어하는 ​​데 사용됩니다. 몇 가지 간단한 수정만으로 웹페이지의 모양과 형식을 변경할 수 있습니다. CSS3은 CSS의 업그레이드 버전입니다. 이 새로운 표준 세트는 상자 모델, 목록 모듈, 하이퍼링크 방법, 언어 모듈, 배경 및 테두리, 텍스트 효과, 다중 열 레이아웃 등과 같은 더욱 풍부하고 실용적인 사양을 제공합니다. , Firefox, Chrome, Safari, Opera 등과 같은 많은 브라우저가 이미 이 업그레이드된 사양을 지원했습니다. 웹 개발에 CSS3 기술을 사용하면 애플리케이션이 크게 아름다워지고, 사용자 경험이 향상되며, 프로그램 성능도 크게 향상됩니다.

CSS3은 이전 버전과 완벽하게 호환되므로 기존 디자인을 변경할 필요가 없습니다. 브라우저는 항상 CSS2를 지원합니다.

CSS3 모듈

CSS3은 "모듈"로 나뉩니다. 이전 사양이 작은 조각으로 나뉘고 새로운 사양이 추가되었습니다.

가장 중요한 CSS3 모듈 중 일부는 다음과 같습니다:

선택기

상자 모델

배경 및 테두리

텍스트 효과

2D/3D 변환

애니메이션

다열 레이아웃

사용자 인터페이스

새로운 기능 목록:

border

border-color 속성
boder- 이미지 속성
테두리 반경 속성
상자 그림자 속성

배경

배경 원본 속성 및 배경 클립 속성
배경 크기 속성
다중 배경

색상

HSL 색상 값
HSLA 색상 값
불투명도 속성
RGBA 색상 값

텍스트 효과

텍스트 그림자 속성
text-overflow 속성
word-wrap 속성

사용자 인터페이스

box-sizing 속성
resize 속성
outline 속성
nav-top, nav-right , nav-bottom, nav-left 속성

선택기

속성 선택기

기본 상자 모델

overflow-x 속성 및 Overflow -y 속성

생성된 콘텐츠

콘텐츠 속성

기타 모듈

미디어 쿼리 모듈
다중 열 레이아웃 모듈
웹 글꼴 모듈
스피치 모듈