Maison > interface Web > tutoriel CSS > le corps du texte

quelles sont les règles de style CSS

下次还敢
Libérer: 2024-04-25 19:24:15
original
420 Les gens l'ont consulté

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.

quelles sont les règles de style CSS

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électeur : Identifie l'élément HTML auquel la règle s'applique.
  • Bloc de déclaration : Définissez les attributs de style de l'élément et leurs valeurs.

Sélecteurs

Les sélecteurs peuvent spécifier des éléments cibles de différentes manières :

  • Sélecteurs d'éléments : Sélectionnez des éléments avec un nom spécifique, tel que p ou div . <code>pdiv
  • 类选择器:选择具有特定 CSS 类名的元素,例如 .my-class
  • ID 选择器:选择具有特定 ID 的元素,例如 #my-id
  • 后代选择器:选择一个元素的子元素,例如 div p

声明块

声明块包含一组样式属性,每个属性都后跟一个冒号和一个值:

  • 属性:要设置的样式属性,例如 colorfont-sizebackground-color
  • 值:属性的实际值,例如 red12px#ffffff

示例 CSS 样式规则

<code class="css">p {
  color: blue;
  font-size: 16px;
}

.my-class {
  background-color: yellow;
  padding: 10px;
}</code>
Copier après la connexion

第一个规则适用于所有段落 (p) 元素,将它们的文本颜色设置为蓝色,字体大小设置为 16 像素。第二个规则适用于所有具有 my-class

🎜Sélecteur de classe : 🎜Sélectionnez les éléments avec un nom de classe CSS spécifique, tel que .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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal