Comment lire le CSS

CSS (Cascading Style Sheets) est un langage de balisage utilisé pour contrôler le style et la mise en page des pages Web. C'est un élément indispensable de la conception Web et peut rendre les pages Web plus belles, plus faciles à lire et à utiliser. Mais pour les débutants, le mot CSS est non seulement difficile à lire, mais aussi difficile à comprendre. Cet article vous présentera la lecture, l'utilisation et les précautions du CSS sous trois aspects.

1. La prononciation de CSS

CSS est une abréviation de mot anglais, prononcée comme "C-S-S". Plus précisément, la prononciation de chaque lettre est la suivante :

C : prononcé comme "see", indiquant une cascade ;

S : prononcé comme "ess", indiquant le style

S : toujours prononcé "ess", cela signifie Sheets ; .

Par conséquent, la prononciation de CSS est SEE-ess-ess. Bien sûr, même s’il existe des prononciations différentes, à condition que vous puissiez comprendre et utiliser avec précision CSS.

2. Comment utiliser CSS

1. Feuille de style interne

La feuille de style interne est un moyen d'écrire des styles CSS directement dans le document HTML, c'est-à-dire en utilisant la balise balise pour définir le style. L’avantage de cette méthode est qu’elle est pratique et intuitive, et qu’il n’est pas nécessaire de référencer les styles CSS séparément dans chaque document HTML. Mais l’inconvénient est que cela augmente la taille du document HTML et rend difficile la maintenance et la mise à jour des styles.

2. Feuille de style externe

La feuille de style externe est un moyen d'utiliser un fichier CSS distinct pour définir des styles, c'est-à-dire d'utiliser la balise L'avantage de cette méthode est qu'elle peut séparer les styles et le contenu, et que les styles peuvent être partagés dans plusieurs documents HTML pour faciliter la maintenance et les mises à jour. Mais l’inconvénient est qu’il nécessite des fichiers CSS et des requêtes HTTP supplémentaires, ce qui augmente le temps de chargement des pages Web.

3. Style en ligne

Le style en ligne est un moyen de définir directement le style dans la balise HTML, c'est-à-dire d'utiliser l'attribut style dans la balise pour spécifier le style. L'avantage de cette méthode est qu'elle est directe et efficace, qu'elle ne nécessite pas de fichiers CSS ou de sélecteurs supplémentaires et qu'elle convient à certains ajustements de style temporaires. Mais l’inconvénient est qu’il n’est pas facile à maintenir et qu’il n’est pas facile à appliquer à plusieurs balises.

Trois. Notes sur CSS

1. Priorité des sélecteurs

La priorité des sélecteurs CSS fait référence au style qui remplacera un autre style lorsque plusieurs définitions de style agissent sur le même élément en même temps. La priorité du sélecteur est composée du type, de la catégorie et de la quantité du sélecteur, et est généralement jugée dans l'ordre suivant :

(1) Le sélecteur d'ID a la priorité la plus élevée, avec un poids de 100 ;

(2) Classe ; selection La priorité du sélecteur et du sélecteur d'attribut est la même, avec 10 poids

(3) Le sélecteur d'étiquette a la priorité la plus basse, avec 1 poids ;

2. Héritage de style

Les styles CSS peuvent être hérités, c'est-à-dire que le style de l'élément parent affectera les éléments enfants. Mais tous les styles ne sont pas hérités. Généralement, seules les propriétés de texte, les propriétés de liste, les propriétés de mise en page de tableau, etc. sont héritées. Certaines propriétés de disposition de boîte, propriétés de positionnement, propriétés d'arrière-plan, etc. ne sont pas héritées.

3. Problèmes de compatibilité des navigateurs

Différents navigateurs peuvent avoir différents niveaux de prise en charge des styles CSS, ce qui entraîne des effets d'affichage incohérents entre les différents navigateurs. Afin d'éviter cette situation, il est recommandé de prêter attention aux problèmes de compatibilité lors de l'écriture des styles CSS. Vous pouvez utiliser le préfixe du fabricant du navigateur ou ajouter d'autres codes de hack pour résoudre les problèmes de compatibilité.

En bref, CSS est une partie extrêmement importante de la conception Web. Maîtriser l'utilisation et les précautions de CSS peut grandement améliorer la qualité et l'efficacité de la conception Web.