Quelles sont les règles de style du CSS ?

Les règles de style du CSS sont composées de deux parties de base : le sélecteur et le bloc de déclaration. Le sélecteur détermine à quels éléments appliquer le style ; le bloc de déclaration définit le style correspondant, qui est contenu dans une paire d'accolades et se compose d'une ou plusieurs déclarations, et chaque déclaration se compose d'un attribut et d'une valeur, séparés par un côlon ouvert.

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

CSS

L'abréviation de Cascading Style Sheet est CSS, qui est l'abréviation de Cascading Style Sheets en anglais. Il s'agit d'un standard défini et maintenu par le W3C, un langage informatique utilisé pour ajouter des styles (polices, espacements, couleurs, etc.) aux documents structurés (tels que les documents HTML ou les applications XML).

Vue d'ensemble

Les lecteurs et les auteurs d'une page Web peuvent utiliser CSS pour déterminer la couleur, la police, la mise en page et d'autres caractéristiques d'affichage du fichier. L'objectif principal de CSS est de séparer la structure du fichier (écrit en HTML ou dans d'autres langages associés) de l'affichage du fichier (CSS). Cette séparation présente de nombreux avantages :

• La lisibilité du fichier est améliorée

• La structure du fichier est plus flexible

• Les auteurs et les lecteurs peuvent décider eux-mêmes de l'affichage du fichier

• La structure du fichier est simplifiée

CSS peut également utiliser d'autres méthodes d'affichage, telles que des sons (si le navigateur dispose d'une fonction de lecture) ou des dispositifs sensoriels pour les personnes aveugles. De plus, CSS peut être utilisé avec XHTML, XML ou d'autres fichiers structurés, la seule condition est que le navigateur affichant ces fichiers soit équipé pour accepter CSS.

Chaque classe ou identifiant dans le fichier HTML peut avoir ses propres caractéristiques d'affichage, et chaque structure HTML sans caractéristiques d'identifiant peut également avoir ses propres caractéristiques d'affichage. Certaines de ces structures sont nécessaires au HTML lui-même, et d'autres sont spécialement configurées pour CSS.

Les avantages de l'utilisation du CSS sont :

• Les informations d'affichage d'un site Web entier ou d'une partie d'une page Web sont concentrées en un seul endroit, et il est très facile de les changer. Pratique

• Différents lecteurs peuvent avoir des styles différents. Par exemple, certains lecteurs ont besoin de polices plus grandes

• Le. la portée du fichier HTML lui-même est devenue plus petite, sa structure est simple, il n'a pas besoin de contenir d'informations affichées

Règles de style

Les La syntaxe du CSS est très simple, elle utilise un ensemble de mots anglais pour exprimer différents styles et caractéristiques.

Une feuille de style est constituée d'un ensemble de règles. Chaque règle se compose d'un "sélecteur" et d'une partie définition. Chaque section de définition contient un ensemble de définitions séparées par un point-virgule (;). Cet ensemble de définitions est placé entre une paire d'accolades ({ }). Chaque définition se compose d'un attribut, de deux-points demi-largeur (:) et d'une valeur.

Le sélecteur

est généralement un élément du fichier, tel que ,

, et d'autres balises en HTML, plusieurs sélecteurs peuvent être séparés par des virgules. (,).

Propriété

CSS1, CSS2 et CSS3 spécifient de nombreuses propriétés dans le but de contrôler le style du sélecteur.

Valeur

fait référence à la valeur de paramètre acceptée par l'attribut, qui peut être composée de différents mots-clés. Plusieurs mots-clés sont généralement séparés par des espaces.

Lorsque vous souhaitez définir des styles pour une plage sans balises, vous pouvez utiliser les balises

Nous avons trois points à noter concernant les règles de style CSS :

Principe de proximité

• Relation de priorité, De haut en bas : styles en ligne > styles internes > styles externes.

Principes d'héritage

• En héritage, la plupart des propriétés de la classe border ne peuvent pas être héritées, telles que le remplissage, la marge, l'arrière-plan, etc.

• Les tables ne peuvent pas hériter du style de la classe parent.

Principe d'écrasement

• Conflits de styles dus à l'héritage, la valeur est prise par l'élément ancêtre le plus proche

• Lorsque le style hérité est en conflit avec le style directement spécifié, le style directement spécifié obtient la valeur

• Lorsque le style directement spécifié est en conflit, l'élément avec le poids de style le plus élevé obtient ; la valeur ;Lorsque les poids de style sont les mêmes, ce dernier obtient la valeur ;

•  ! les attributs de style importants ne peuvent pas être remplacés.

Apprentissage recommandé :

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn