CSS3 소개

CSS3 소개


CSS는 웹 페이지의 스타일과 레이아웃을 제어하는 ​​데 사용됩니다.

CSS3은 최신 CSS 표준입니다.


CSS3 모듈

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

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

  • 선택기

  • 상자 모델

  • 배경 및 테두리

  • 텍스트 효과

  • 2D/3D 변환

  • 애니메이션

  • 다중 열 레이아웃

  • 사용자 인터페이스


Tip: W3C의 CSS3 사양은 아직 개발 중입니다. 그러나 최신 브라우저에서는 이미 많은 새로운 CSS3 속성을 사용할 수 있습니다.

먼저 CSS3의 예제를 살펴보겠습니다

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
    <style>
        div
        {
            width:100px;
            height:75px;
            background-color:red;
            border:1px solid black;
        }
        div#div2
        {
            transform:rotate(30deg);
            -ms-transform:rotate(30deg); /* IE 9 */
            -webkit-transform:rotate(30deg); /* Safari and Chrome */
        }
    </style>
</head>
<body>
<div>你好。这是一个 DIV 元素。</div>
<div id="div2">你好。这是一个 DIV 元素。</div>
</body>
</html>

프로그램을 실행하고 사용해 보세요


다음 섹션부터 CSS3의 새로운 기능을 배우기 시작합니다



지속적인 학습
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> div { width:100px; height:75px; background-color:red; border:1px solid black; } div#div2 { transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ } </style> </head> <body> <div>你好。这是一个 DIV 元素。</div> <div id="div2">你好。这是一个 DIV 元素。</div> </body> </html>
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~