CSS3기본 가이드

CSS3 가이드

CSS3는 CSS의 최신 발전으로, CSS를 확장하기 위한 목적이 있습니다.2.1그래서 많은 기대 이상의 혁신적인 기능을 제공합니다. 예를 들어, 둥글은 모서리, 그림자, 투명도, 전환 또는 애니메이션, 그리고 새로운 레이아웃, 예를 들어 다중 열, 유연한 프레임이나 그리드 레이아웃 등이 있습니다. 시험의 특성은 제조업체 프리픽스를 가지고 있으며, 생산 환경에서 사용을 피해야하거나, 그들의 문법과 의미가 미래에 변할 수 있기 때문에 매우 조심스럽게 사용해야 합니다.

CSS3의 새로운 기능이 많습니다. 예를 들어, 둥글은 모서리 효과, 그래픽 경계, 블록 그림자와 텍스트 그림자, RGBA를 사용하여 투명 효과를 만들고, 변화 효과, @Font를 사용하여 글꼴을 설정하는 기능 등.-Face는 정말 많은 새로운 기능을 가지고 있습니다. 예를 들어, 둥글은 모서리 효과, 그래픽 경계, 블록 그림자와 텍스트 그림자, RGBA를 사용하여 투명 효과를 만들고, 변화 효과, @Font를 사용하여 글꼴을 설정하는 기능 등.

CSS3 가이드

CSS는 웹 페이지의 스타일과 레이아웃을 제어합니다.

CSS3 이는 가장 최신의 CSS 표준입니다.

이 가이드는 CSS를 설명합니다3 에서의 새로운 기능.

CSS를 배우기 시작하세요3!

CSS3 애니메이션 예제, 빨간 배경과 녹색 배경 변환 애니메이션을 보여줍니다.

예제

!DOCTYPE　html>　　
<html>　　
<head>　　
<style>　　　
div　{　　
　　　　width:　100px;　　
　　　　height:　100px;　　
　　　　background:　red;　　
　　　　-webkit-animation:　myfirst　6s;　/*　Chrome,　Safari,　Opera　*/　　
　　　　animation:　myfirst　5s;　　
}　　
/*　Chrome,　Safari,　Opera　*/　　
@-webkit-keyframes　myfirst　{　　
　　　　from　{background:　red;}　　
　　　　to　{background:　green;}　　
}　　
　　
@keyframes　myfirst　{　　
　　　　from　{background:　red;}　　
　　　　to　{background:　green;}　　
}　　
</style>　　
</head>　　
<body>　　
<p><b>주의:</b>　IE　9　과 이전 버전에서는 지원하지 않는 CSS3　애니메이션 속성.　</p>　　
<div></div>　　
</body>　　
</html>

테스트해 보세요 ‹/›

CSS3 참조 매뉴얼

기본 가이드 웹에서, 우리는 완전한 CSS3 모든 속성과 요소 선택자 문법, 예제, 브라우저 지원 정보를 포함한 참조 매뉴얼.