Maison  >  Article  >  interface Web  >  Qu'est-ce que CSS3 ? L'introduction la plus complète à CSS3 de l'histoire

Qu'est-ce que CSS3 ? L'introduction la plus complète à CSS3 de l'histoire

云罗郡主
云罗郡主avant
2018-10-23 14:05:083534parcourir

Le contenu de cet article porte sur qu'est-ce que CSS3 ? L'introduction la plus complète de l'histoire à CSS3 a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer, j'espère qu'elle vous sera utile.

Quest-ce que CSS3 ? Lintroduction la plus complète à CSS3 de lhistoire

Pour les lecteurs qui n'ont jamais été exposés à CSS3, la première réaction en voyant CSS3 est "Quelle est la différence entre CSS3 et CSS. En fait, CSS3 est une mise à niveau ?" version de CSS. CSS a été mis à niveau à partir de CSS1.0, CSS2.0, CSS2.1 et CSS3.0 est une version révisée de CSS2.0 et CSS3.0 est la dernière version de CSS (les problèmes de compréhension de la version CSS sont également très importants). nécessaire).

Ce que nous appelons habituellement CSS fait en fait référence à CSS2.1, et CSS3 fait spécifiquement référence aux « attributs nouvellement ajoutés » par rapport à CSS2.1.

Par rapport à CSS2.1, CSS3.0 ajoute de nombreuses nouvelles propriétés et méthodes, les plus typiques sont les coins arrondis, la déformation et l'animation, etc. Dans CSS2.1, définir des coins arrondis pour les étiquettes est un casse-tête, et les effets d'animation sont également obtenus via jQuery, etc.

CSS3 possède les fonctions puissantes suivantes :

(1) sélecteur

(2) effets de texte : tels que l'attribut text-shadow d'ombre, la police intégrée @font- visage, etc.;

(3) Effets de couleur : tels que la couleur RGBA, l'opacité, etc.

(4) Effets de bordure : tels que le rayon de bordure, l'ombre de la boîte, etc. . ;

(5) Effets d'arrière-plan : tels que background-size, background-clip, etc.

(6) Déformation CSS3 : telle que déplacement translation(), mise à l'échelle(). , etc. ;

(7) Transition CSS3 : telle que la propriété de transition transition-propriété, le temps de transition transition-durée

(8) Animation CSS3 :

(9 ) Disposition multi-colonnes ;

(10) Modèle de boîte flexible ;

(11) Interface utilisateur : telle que l'ajustement de l'attribut de redimensionnement de la taille de l'élément, l'attribut de contour

Le plus grand ; L'avantage de CSS3 est le suivant : les effets qui nécessitaient auparavant l'utilisation d'images ou de JavaScript peuvent désormais être obtenus avec seulement quelques codes CSS.

Pour la série CSS, le webmaster la divise en tutoriels d'introduction CSS, tutoriels avancés CSS et tutoriels CSS3 du point de vue de différentes personnes. Parmi eux, les tutoriels d'introduction CSS et les tutoriels avancés CSS sont pour CSS2.1, tandis que les didacticiels CSS3 sont destinés à "l'attribut nouvellement ajouté". . Le tutoriel CSS3 est un tutoriel avancé sur le front-end. Il est préférable que vous posiez de bonnes bases avant d'apprendre, sinon vous aurez beaucoup de questions et cela ne servira à rien d'apprendre. Dans ce tutoriel, le webmaster ne passera pas trop de temps à expliquer des connaissances trop basiques. Les amis peuvent simplement aller trouver Du Niang quand ils en ont le temps. Le didacticiel CSS3 nécessite que vous ayez des connaissances de base en HTML et CSS. Les cours suivants sont préalables :

Tutoriel vidéo HTML5

Tutoriel vidéo HTML5

Même si vous êtes un expert du front-end, je pense que les didacticiels d'introduction HTML et les didacticiels d'introduction CSS sur le site Web PHP chinois méritent également votre exploration, car les connaissances qu'ils contiennent ont été systématisées et beaucoup d'informations Des compétences et des idées en programmation ont été ajoutées.


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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer