Quand CSS3 a-t-il été lancé ?

CSS3 a commencé à être formulé en 1999. Le 23 mai 2001, le W3C a achevé la version de travail de CSS3. Le projet formulait une feuille de route de développement CSS3, répertoriait tous les modules en détail et prévoyait de la normaliser progressivement à l'avenir, notamment : Modèle de boîte, module de liste, mode lien hypertexte, module de langue, arrière-plan et bordure, effets de texte et autres modules.

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

CSS3 est une version améliorée de la technologie CSS (Cascading Style Sheets). Elle a été formulée en 1999. Le 23 mai 2001, le W3C a achevé la version préliminaire de CSS3, une feuille de route de développement CSS3 a été formulée et la feuille de route ; a été répertorié en détail. Tous les modules ont été publiés et devraient être progressivement standardisés à l'avenir.

Une nouveauté de la spécification CSS3 est qu'elle est divisée en plusieurs modules indépendants. D'une part, le diviser en plusieurs modules plus petits est plus propice à la mise à jour et à la publication en temps opportun des spécifications, ainsi qu'à l'ajustement en temps opportun du contenu des modules. Ces modules peuvent être implémentés et publiés indépendamment, ce qui jette également les bases d'une expansion future du CSS. D'un autre côté, en raison des limitations des appareils pris en charge et des fabricants de navigateurs, les appareils ou les fabricants peuvent prendre en charge de manière sélective certains modules et un sous-ensemble de CSS3, ce qui est propice à la promotion de CSS3.

Ce qui suit est une brève explication de l'heure de sortie et du contenu de chaque module majeur :

• Le module CSS3 Line a été publié le 15 mai 2002, qui standardise le modèle de ligne de texte.

• Le module CSS3 Lists est sorti le 7 novembre 2002, qui standardise les styles de liste.

• Le module CSS3 Border a également été publié le 7 novembre 2002, ajoutant une nouvelle fonction de bordure d'arrière-plan. Ce module a ensuite été fusionné avec le module d'arrière-plan.

• Le module CSS3 Generated and Replaced Content a été publié le 14 mai 2003, qui définit les fonctions de contenu généré et remplacé de CSS3.

• Le module CSS3 Présentation Niveaux a été publié le 13 août 2003, définissant la fonction d'effet de présentation.

• Le module CSS3 Syntax a également été publié le 13 août 2003, qui a redéfini les bases de la syntaxe CSS.

• Le module CSS3 Hyperlink Présentation est sorti le 24 février 2004, redéfinissant les règles de présentation des hyperliens.

• Le module CSS3 Speech est sorti le 16 décembre 2004, qui redéfinit les règles de "style" de parole.

• Le module CSS3 Cascading and Inheritance a été publié le 15 décembre 2005, définissant les règles de cascade et d'héritage CSS.

• Le module CSS3 Basic Box est sorti le 9 août 2007 et redéfinit les règles du modèle de boîte de base CSS.

• Le module CSS3 Grid Positioning a été publié le 5 septembre 2007, définissant les règles de positionnement de la grille CSS.

• Le module CSS3 Animations est sorti le 20 mars 2009, définissant le modèle d'animation CSS.

• Le module CSS3 3D Transforms a également été publié le 20 mars 2009, qui définit le modèle de transformation CSS 3D.

• Le module CSS3 Fonts a été publié le 18 juin 2009, définissant les modes de police CSS.

• Le module CSS3 Image Values ​​​​a été publié le 23 juillet 2009, qui définit le modèle d'affichage du contenu de l'image.

• Le module CSS3 Flexible Box Layout a également été publié le 23 juillet 2009, qui définit un modèle de disposition de boîte flexible.

• Le module CSS3 2D Transforms est sorti le 1er décembre 2009, définissant le modèle de transformation 2D.

• Le 29 avril 2010, le module CSS3 Generated Content for Paged Media a été publié, définissant le modèle de contenu multimédia paginé.

• Le module CSS3 Text est sorti le 5 octobre 2010, définissant le modèle de texte.

• Le 5 octobre 2010 a également publié le module CSS3 Background and Borders, qui a re-patché les modèles de bordure et d'arrière-plan.

Pour des informations plus détaillées, veuillez vous référer à https://www.w3c.org/Style/CSS/current-work.html, qui présente le nombre de modules CSS3 et l'état actuel de tous les modules CSS3. Et quand il sortira, etc.

CSS3 est divisé en plusieurs modules, chaque module a sa propre spécification. L'avantage est :

• La publication de l'intégralité de la spécification CSS3 n'affectera pas l'avancement des autres modules en raison de litiges dans certaines parties.

• Pour le navigateur, vous pouvez décider quelles fonctions CSS sont prises en charge en fonction de vos besoins.

• Pour les développeurs du W3C, des mises à jour ciblées peuvent être effectuées selon les besoins, rendant la spécification globale plus flexible et pouvant être révisée en temps opportun, facilitant ainsi l'extension de nouvelles spécifications spécifiques à la technologie.

Quels sont les avantages de l'utilisation de CSS3 ?

La chose la plus évidente est que CSS3 peut rendre la page très flashy et cool, rendant la conception du site Web encore meilleure, mais ses avantages vont bien au-delà.

Dans la plupart des cas, l'utilisation de CSS3 est non seulement bénéfique pour le développement et la maintenance, mais améliore également les performances du site Web. Dans le même temps, cela peut également augmenter l'accessibilité et la convivialité du site Web, permettre au site Web de s'adapter à davantage d'appareils, et même optimiser le référencement du site Web et améliorer les résultats de classement de recherche du site Web.

1. Réduire les coûts de développement et de maintenance

Pourquoi CSS3 est-il capable de réduire les coûts de développement et de maintenance ?

Regardons d’abord un exemple. Un effet de coin arrondi nécessite l'ajout de balises HTML supplémentaires dans CSS2 et l'utilisation d'une ou plusieurs images pour compléter ; lors de l'utilisation de CSS3, il ne nécessite qu'une seule balise et un attribut border-radius ; De cette façon, la technologie CSS3 peut éviter aux utilisateurs le travail de dessin, de découpe et d’optimisation des images.

Si vous devez ajuster la courbure ou la couleur du congé plus tard, si vous utilisez CSS2, vous devez dessiner et découper l'image à partir de zéro pour la terminer, mais avec CSS3, vous pouvez effectuer ces tâches en quelques secondes.

CSS3 peut également nous éloigner de beaucoup de code de script JavaScript ou de Flash. Nous n'avons plus besoin de passer beaucoup de temps à écrire des scripts ou à trouver des plug-ins de script appropriés et à les modifier pour les adapter aux effets spéciaux du site Web.

Enfin, certaines technologies CSS3 peuvent également contribuer à simplifier la page et à rendre la structure plus claire. Par exemple, l'imbrication de nombreuses balises div et noms de classe pour obtenir un effet peut améliorer efficacement l'efficacité du travail, réduire le temps de développement et réduire les coûts de développement. Par exemple, pour créer un effet d'arrière-plan superposé, vous devez ajouter des balises div et des noms de classe dans CSS, et placer une image d'arrière-plan dans différents divs. Vous pouvez désormais utiliser les nouvelles fonctionnalités de CSS3 telles que plusieurs arrière-plans et tailles d'arrière-plan, et ajouter. vers une balise div peut effectuer ces tâches.

2. Améliorer les performances de la page

Lors du développement Web, la réduction de l'imbrication de balises redondantes et du nombre d'images utilisées signifie que les utilisateurs devront télécharger moins de contenu et que la page se chargera plus rapidement. De plus, moins d’images, de scripts et de fichiers Flash permettent au site Web de réduire le nombre de requêtes HTTP, ce qui constitue l’un des meilleurs moyens d’améliorer la vitesse de chargement des pages.

Utiliser CSS3 pour créer un site Web graphique ne nécessite aucune image, ce qui peut réduire considérablement le nombre de requêtes HTTP et améliorer la vitesse de chargement des pages.

Bien sûr, cela dépend de la technologie que les fonctionnalités CSS3 sont utilisées pour la remplacer, et cela dépend également de la manière dont les fonctionnalités CSS3 sont utilisées. Par exemple, les effets d'animation CSS3 peuvent réduire les requêtes HTTP pour les fichiers JavaScript et Flash, mais peuvent nécessiter que le navigateur effectue beaucoup de travail pour terminer le rendu des effets d'animation, ce qui peut entraîner une réponse lente du navigateur et entraîner une perte d'utilisateur.

Par conséquent, tout le monde doit réfléchir attentivement lorsqu'il utilise des effets spéciaux complexes. Cependant, de tels phénomènes sont finalement rares.

(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!