Les règles de style CSS définissent le style visuel des éléments HTML, y compris les sélecteurs (déterminant les éléments applicables) et les blocs de déclaration (définissant les attributs et les valeurs de style). Les sélecteurs incluent les sélecteurs d'éléments (spécifiez les noms d'éléments), les sélecteurs de classe (spécifiez les noms de classe), les sélecteurs d'ID (spécifiez les ID) et les sélecteurs descendants (sélectionnez les éléments enfants). Le bloc de déclaration contient des attributs de style et leurs valeurs qui sont utilisés pour modifier l'apparence de l'élément, tels que la couleur du texte, la taille de la police et la couleur d'arrière-plan.
Règles de style CSS
Les règles de style CSS sont utilisées pour définir le style visuel des éléments HTML. Chaque règle contient deux parties principales :
Sélecteurs
Les sélecteurs peuvent spécifier des éléments cibles de différentes manières :
p
ou div . <code>p
或 div
。
.my-class
。#my-id
。div p
。声明块
声明块包含一组样式属性,每个属性都后跟一个冒号和一个值:
color
、font-size
或 background-color
。red
、12px
或 #ffffff
。示例 CSS 样式规则
<code class="css">p { color: blue; font-size: 16px; } .my-class { background-color: yellow; padding: 10px; }</code>
第一个规则适用于所有段落 (p
) 元素,将它们的文本颜色设置为蓝色,字体大小设置为 16 像素。第二个规则适用于所有具有 my-class
.my-class
. 🎜🎜🎜Sélecteur d'ID : 🎜Sélectionnez les éléments avec un identifiant spécifique, tel que #my-id
. 🎜🎜🎜Sélecteur descendant : 🎜Sélectionne les éléments enfants d'un élément, tels que div p
. 🎜🎜🎜🎜Bloc de déclaration 🎜🎜🎜Un bloc de déclaration contient un ensemble de propriétés de style, chacune suivie de deux points et d'une valeur : 🎜🎜🎜🎜Propriétés : 🎜La propriété de style à définir, telle que color
, font-size
ou background-color
. 🎜🎜🎜Valeur : La valeur réelle de l'attribut 🎜, tel que red
, 12px
ou #ffffff
. 🎜🎜🎜🎜Exemples de règles de style CSS🎜🎜rrreee🎜La première règle s'applique à tous les éléments de paragraphe (p
), en définissant leur couleur de texte sur bleu et leur taille de police sur 16 pixels. La deuxième règle s'applique à tous les éléments avec la classe CSS my-class
, en définissant leur couleur d'arrière-plan sur jaune et en ajoutant 10 pixels de remplissage. 🎜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!