Présentation de CSS

CSS signifie Cascading Style Sheets (Feuilles de style en cascade). CSS est un langage de feuille de style standard utilisé pour décrire la présentation des pages Web (c'est-à-dire la mise en page et le format).

Avant CSS, presque toutes les propriétés de représentation des documents HTML étaient incluses dans les balises HTML (surtout à l'intérieur des balises HTML). Toutes les couleurs de police, les styles de fond, l'alignement des éléments, les bords et la taille doivent être décrits explicitement dans HTML.

Les conséquences de cette action sont que, en raison de l'ajout répété des informations de style à chaque page du site, le développement de grands sites web est devenu un processus long et coûteux, et a également augmenté les coûts de maintenance.

Pour résoudre ce problème, le W3C (World Wide Web Consortium) a3C) à1996a introduit CSS, et cette alliance a maintenu ses normes. CSS vise à séparer la présentation et le contenu. À présent, les concepteurs Web peuvent déplacer les informations de mise en forme des pages Web dans des feuilles de style séparées, ce qui simplifie considérablement les balises HTML et améliore la maintenabilité.

CSS3C'est la version la plus récente de la norme CSS. CSS3Des nouvelles fonctionnalités de style et des améliorations ont été ajoutées pour renforcer les fonctionnalités de démonstration Web.

Que peut faire CSS

CSS peut faire plus de choses.

• Vous pouvez appliquer facilement les mêmes règles de style à plusieurs éléments.

• Vous pouvez utiliser une feuille de style pour contrôler l'affichage de plusieurs pages du site.

• Vous pouvez afficher la même page de différentes manières sur différents appareils.

• Vous pouvez définir le style de l'état dynamique des éléments (comme le survol, le focus, etc.) qui ne peut pas être réalisé autrement.

• Vous pouvez modifier la position des éléments sur le site web sans modifier les balises.

• Vous pouvez modifier l'affichage des éléments HTML existants.

• Vous pouvez dans2Ou D3Transformations de zoom, de rotation, d'inclinaison et d'autres éléments dans l'espace D.

• Vous pouvez créer des animations et des effets de transition sans utiliser JavaScript.

• Vous pouvez créer une version d'impression amicale du site web.

Les avantages et les avantages de CSS sont nombreux, vous pouvez utiliser CSS pour de nombreuses autres opérations intéressantes. Dans les prochaines sections, vous découvrirez tous ces contenus en détail.

Les avantages de l'utilisation de CSS

La plus grande force de CSS est qu'elle peut séparer les styles et la mise en page du contenu du document. Voici d'autres avantages, pourquoi choisir d'utiliser CSS ?

• CSS économise beaucoup de temps -CSS offre beaucoup de flexibilité pour définir les attributs de style des éléments. Vous pouvez écrire une fois CSS. Ensuite, le même code peut être appliqué à un groupe d'éléments HTML, ou réutilisé dans plusieurs pages HTML.

• Facile à entretenir — CSS offre une méthode simple pour mettre à jour le format du document et maintenir une cohérence entre plusieurs documents. Car il est possible de contrôler le contenu de tout le site web avec une ou plusieurs feuilles de style.

• Chargement des pages plus rapide -CSS permet à plusieurs pages de partager des informations de format, ce qui réduit la complexité et la répétition du contenu de la structure du document. Cela réduit considérablement la taille des fichiers de transmission, accélérant ainsi le chargement des pages.

• Styles avancés HTML -CSS a des fonctionnalités de représentation plus larges que HTML et peut mieux contrôler la mise en page des pages web. Par conséquent, par rapport aux éléments et aux attributs de représentation HTML, vous pouvez rendre les pages web plus belles.

• Compatibilité avec plusieurs appareils -CSS permet également d'optimiser les pages web pour plusieurs types de dispositifs ou de médias. Avec CSS, vous pouvez présenter le même document HTML avec des styles de visualisation différents pour différents dispositifs de présentation (par exemple, ordinateurs de bureau, téléphones, etc.).

Contenu couvert par ce tutoriel

Cette série de tutoriels CSS couvre toutes les connaissances de base de CSS, y compris les concepts des sélecteurs, les méthodes de définition des couleurs et des arrière-plans, les méthodes de définition du format des polices et du texte, la mise en style des éléments UI tels que les liens hypertextes, les listes, les tableaux, etc., et le modèle de boîte CSS, etc.

Après avoir maîtrisé les connaissances de base, vous passerez au niveau suivant, qui présente la manière de définir la taille et l'alignement des éléments, de placer des éléments sur une page web à l'aide d'images sprites, ainsi que les concepts de relative et d'associé. Unités absolues, modèle de format visuel, affichage et visibilité, calques, pseudo-classes et éléments, styles liés aux médias, etc.

Enfin, vous explorerez CSS3des fonctionnalités avancées introduites, telles que les couleurs de dégradé, les effets d'ombre,2D et3Transformations D, transparence alpha, méthodes de création de transitions et d'effets d'animation, mise en page flexible, effets de filtre, requêtes de concepts média, etc.