Maison > interface Web > Questions et réponses frontales > Quelle est la différence entre CSS3 et CSS2

Quelle est la différence entre CSS3 et CSS2

青灯夜游
Libérer: 2023-01-05 16:12:35
original
4855 Les gens l'ont consulté

Différences : 1. CSS3 est une avancée de CSS2, ajoutant de nouveaux attributs, tels que l'animation, la taille des boîtes, l'icône, etc. ; 2. CSS2 préconise la séparation du contenu et des effets de performance, tandis que CSS3 est vers Développé avec la modularisation ; 3. CSS2 n'a pas de problèmes de compatibilité, mais CSS3 en a.

Quelle est la différence entre CSS3 et CSS2

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3, ordinateur Dell G3.

CSS fournit une description de style pour le langage de balisage HTML, définissant la manière dont les éléments qu'il contient sont affichés. CSS est une avancée majeure dans le domaine de la conception Web. Il peut être utilisé pour modifier un petit style afin de mettre à jour tous les éléments de page qui lui sont liés.

Il existe trois versions principales de CSS, à savoir css1, css2 et css3. CSS2 est utilisé plus souvent, car CSS1 a moins d'attributs et CSS3 n'est pas pris en charge par certains anciens navigateurs, donc tout le monde utilise principalement CSS2 lors du développement.

CSS2.0 est une toute nouvelle structure de feuille de style promue par le W3C. Elle est complètement différente du précédent CSS1.0 ou CSS1.2 qui recommande un ensemble d'effets de contenu et de performances séparés. De cette manière, les éléments HTML peuvent contrôler l'effet d'affichage via les styles CSS2.0.

Vous pouvez éliminer complètement l'utilisation de table et td dans le code HTML précédent pour positionner l'apparence et le style du formulaire. Il vous suffit d'utiliser des balises HTML telles que div et Li pour séparer les éléments, puis vous pouvez définir. le formulaire via les styles CSS2.0. L'apparence de l'interface.

Le développement du langage CSS3 évolue vers la modularité. La spécification précédente était trop volumineuse et complexe en tant que module, elle a donc été divisée en modules plus petits et davantage de nouveaux modules ont été ajoutés.

Pour faire simple, les attributs de css2 sont disponibles en css3, mais les attributs de css3 peuvent ne pas être disponibles en css2. CSS3 est la dernière version, et l'effet est incomparable à CSS2. CSS3 peut être considéré comme une avancée de CSS2, car CSS3 ajoute de nouveaux attributs sur la base de CSS2.

Par exemple, définir des coins arrondis, des dégradés de couleurs d'arrière-plan, le contrôle de la taille de l'image d'arrière-plan et la définition de plusieurs images d'arrière-plan, etc. Il s'agit d'un effet qui n'est pas disponible dans CSS2. Désormais, les nouvelles versions des navigateurs prennent essentiellement en charge CSS3, tels que IE9, FF4+, chrome11+, mais si vous souhaitez utiliser CSS3 pour développer un site Web, vous devriez considérer les utilisateurs qui utilisent encore des navigateurs de version inférieure.

Résumé des différences entre CSS3 et CSS2 :

1 CSS3 est une avancée de CSS2, ajoutant quelques nouveaux attributs.

  • animation (et huit propriétés longues associées)

  • background-clip

  • background-origin

  • background-size

  • border-radius (et quatre propriétés longues associées)

  • border -image (et six propriétés longues associées)

  • box-decoration-break

  • box-shadow

  • dimensionnement de la boîte

  • colonnes (et treize propriétés multi-colonnes associées)

  • effacement après

  • flex (et onze propriétés flexbox associées)

  • font-stretch

  • font-size-adjust

  • font-synthèse

  • font-kerning

  • font-variant-caps

  • ponctuation suspendue

  • traits d'union

  • icône

  • résolution d'image

  • orientation de l'image

  • saut de ligne

  • ajustement de l'objet

  • position-objet

  • opacité

  • décalage-contour

  • débordement- wrap / word-wrap

  • face arrière-visibilité

  • perspective

  • perspective-origine

  • événements de pointeur (pour HTML)

  • redimensionner

  • taille de l'onglet

  • text-align-last

  • text-decoration-line

  • text-decoration-skip

  • text-decoration-position

  • text-decoration-style

  • text-emphasis (et trois propriétés associées )

  • justification du texte

  • orientation du texte

  • débordement du texte

  • transformer

  • transformer-style

  • text-shadow

  • transition (et quatre propriétés longues associées)

  • saut de mot

  • espacement des mots

  • writing-mode

2. CSS2 prône la séparation du contenu et des effets de performance, tandis que CSS3 évolue vers la modularité.

3. CSS2 n'a pas de problèmes de compatibilité, mais CSS3 en a.

(Partage de vidéos d'apprentissage : tutoriel vidéo CSS)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal