Introduction à ...LOGIN

Introduction à CSS3

Introduction à CSS3


CSS est utilisé pour contrôler le style et la mise en page des pages Web.

CSS3 est la dernière norme CSS.


Module CSS3

CSS3 est divisé en module " ". Les anciennes spécifications ont été divisées en petits morceaux et de nouvelles ont été ajoutées.

Certains des modules CSS3 les plus importants sont les suivants :

  • Sélecteur

  • Modèle de boîte

  • Arrière-plan et bordure

  • Effets de texte

  • Conversion 2D/3D

  • Animation

  • Mise en page multi-colonnes

  • UI


Conseils : La spécification CSS3 du W3C est encore en cours de développement. Cependant, de nombreuses nouvelles propriétés CSS3 sont disponibles dans les navigateurs modernes.

Regardons d'abord un exemple de 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>

Exécutez le programme et essayez-le


De ci-dessous Commençons à apprendre les nouvelles fonctionnalités de CSS3 dans cette section



section suivante
<!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>
soumettreRéinitialiser le code
chapitredidacticiel