Nous amener au niveau supérieur avec CSS 3

" CSS 3 n'est pas nouveau, et il ne s'agit pas seulement de coins arrondis implémentés autour de la propriété border-radius. Il reste là patiemment, prêt pour ses débuts, sirotant un café et attendant que les navigateurs déroulent le tapis rouge. Vous regardez, le navigateur a besoin pour rattraper..."

– Cet article souhaite enregistrer le chef-d’œuvre d’ISD WEBTEAM du deuxième trimestre 2009 : Manuel de référence CSS 3.0 (version chinoise)

arrière-plan

Les matériaux de référence CSS2.0 représentés par le « Style Sheet Chinese Manual » de Su Yu accompagnent de nombreux concepteurs de sites Web nationaux depuis près de 10 ans. Cet impact est considérable, mais avec le développement continu de la technologie CSS, les concepteurs sont principalement influencés par les matériaux traditionnels et. ne peuvent pas transcender les barrières existantes, ce qui leur impose un lourd fardeau. Avez-vous remarqué que CSS 3 prend de l'ampleur ? Vous avez hâte de commencer à les utiliser mais vous ne savez pas par où commencer ? Juste au moment où les nouvelles fonctionnalités de CSS 3 sont très attendues, notre manuel de référence chinois CSS3.0 a vu le jour...

Qu’est-ce que CSS3 ?

CSS est l'abréviation de Feuille de style en cascade. Traduit par « feuilles de style en cascade ». Il s'agit d'un langage de balisage utilisé pour le contrôle (amélioré) des styles de pages Web et qui permet de séparer les informations de style du contenu de la page Web.
CSS3.0 représente la prochaine version de CSS et 3.0 est le numéro de version.

Quelles surprises CSS 3 nous apporte-t-il ?

CSS3.0 n'est pas seulement une nouvelle technologie pour nous, concepteurs de sites Web, mais plus important encore, ces nouveaux concepts d'applications Web nous offrent des possibilités de conception plus illimitées et améliorent également considérablement notre efficacité de développement. Nous n'aurons plus besoin de nous fier aux images ou à Javascript pour compléter les coins arrondis, les arrière-plans multiples, les polices définies par l'utilisateur, les animations 3D, les dégradés, les ombres de boîtes, les ombres de texte, la transparence et d'autres applications en vedette qui améliorent la qualité de la conception Web. L'émergence de CSS 3.0 rend le code plus simple, la structure de la page plus raisonnable et les performances et les effets sont pris en compte.

Mode d'emploi

• Ce manuel est destiné aux reconstructeurs de pages Web ou aux ingénieurs de développement front-end.
• Ce manuel est traduit sur la base du projet de travail du W3C, et il existe certaines incertitudes. Le droit d'interprétation finale appartient à ISD WEBTEAM.
• La présentation de ce manuel fait référence à l'aperçu CSS de css3.info, qui divise les propriétés CSS 3 en neuf catégories : bordure, arrière-plan, couleur, texte, interface utilisateur, modèle de boîte de base, contenu, autres modules et sélecteurs avancés.
• La liste de compatibilité fournit temporairement la compatibilité officielle des navigateurs pour Internet Explorer, FireFox, Opera, Safari et Chrome.
• Dans la liste des attributs privés, les navigateurs utilisant le moteur Gecko incluent Firefox, et les attributs privés commencent par -moz- ; les navigateurs utilisant le moteur webkit incluent Safari et Chrome, commençant par -webkit- ; les navigateurs utilisant le moteur Presto incluent Opera, commençant par -o- Start, ainsi qu'Internet Explorer, commencent par -ms-, actuellement seul IE8 prend en charge le préfixe -ms-.
• Les exemples produits pour chaque attribut, à l'exception de l'exemple de @font face tiré de Microsoft en raison des droits d'auteur sur les polices, sont tous produits par les membres de l'équipe sur la base de leur propre expérience. En raison des limites de longueur du manuel, certains exemples peuvent être difficiles à comprendre. Nous en discuterons dans le futur. Certains exemples sont analysés en détail dans des articles séparés.
• Héritage, étant donné que le projet de travail du W3C ne contient pas d'explication claire sur l'héritage, il n'y a pas de test sur l'héritage dans ce numéro, et il n'a pas encore de valeur de référence.
• Si le fichier CHM téléchargé ne peut pas être ouvert, vous pouvez essayer de cliquer avec le bouton droit sur le fichier CHM puis sur « Déverrouiller » dans « Propriétés ».
• Ce manuel est principalement destiné à la communication. Il est limité par des contraintes de temps et constitue un travail de nuit amateur. Les erreurs et omissions sont inévitables. J'espère que vous me ferez part de vos commentaires lors de son utilisation. Nous continuerons d’améliorer et de mettre à jour ce manuel. La version V1 du manuel est fournie ici, qui est mise à jour de temps en temps sur une base mensuelle.

Source : équipe Web de Tencent