Maison  >  Article  >  interface Web  >  En quoi consiste le style CSS

En quoi consiste le style CSS

醉折花枝作酒筹
醉折花枝作酒筹original
2021-07-15 11:20:095709parcourir

Le style CSS se compose de trois parties : le sélecteur, l'attribut et la valeur. Le sélecteur est généralement l'élément ou la balise HTML que vous souhaitez définir, les attributs sont les propriétés que vous souhaitez modifier et chaque propriété a une valeur. Les propriétés et les valeurs sont séparées par des deux-points et entourées d'accolades, formant ainsi une déclaration de style complète.

En quoi consiste le style CSS

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

La syntaxe CSS se compose de trois parties : le sélecteur, l'attribut et la valeur.

selector {property: value}

Selector {Attribut : Valeur de l'attribut}

Le sélecteur (sélecteur) est généralement l'élément ou la balise HTML que vous souhaitez définir, l'attribut (propriété) est l'attribut que vous souhaitez modifier et chaque attribut a une valeur. Les propriétés et les valeurs sont séparées par des deux-points et entourées d'accolades, formant ainsi une déclaration de style complète.

Exemple :

body {color: blue}

La ligne de code ci-dessus consiste à définir la couleur du texte dans l'élément body comme bleue. Dans l'exemple ci-dessus, le corps est le sélecteur et la partie entre accolades est la déclaration. La déclaration se compose de deux parties : les attributs et les valeurs. La couleur est l'attribut et le bleu est la valeur.

Le code CSS se compose de sélecteurs et d'une ou plusieurs déclarations, qui à leur tour sont constituées d'attributs et de valeurs. On peut également dire que le code CSS se compose de sélecteurs, d'attributs et de valeurs, comme l'exemple de code suivant :

选择器 {
    属性1: 值1;
    属性2: 值2;
    ……
}
.div1 {
    width: 100px;
    height: 200px;
}

sélecteur .div1

valeur de largeur d'attribut 100px

valeur de hauteur d'attribut 200px

Apprentissage recommandé : vidéo css tutoriel

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