Quelle est la syntaxe de base du CSS

La syntaxe de base du CSS est la suivante : 1. Les règles CSS se composent de deux parties : un sélecteur et une ou plusieurs déclarations ; 2. Les sélecteurs sont généralement des éléments HTML qui doivent changer de style ; Un attribut est composé d'une valeur : 4. L'attribut et la valeur de l'attribut sont séparés par deux points.

Syntaxe CSS

Les règles CSS se composent de deux parties principales : le sélecteur et une ou plusieurs instructions. [Lecture recommandée : Tutoriel CSS]

selector {declaration1; declaration2; … declarationN }

Les sélecteurs sont généralement des éléments HTML dont vous devez modifier le style.

Chaque déclaration est constituée d'un attribut et d'une valeur. La propriété

est l'attribut de style que vous souhaitez définir. Chaque attribut a une valeur. Les propriétés et les valeurs sont séparées par des deux-points.

selector {property: value}

La ligne de code suivante définit la couleur du texte dans l'élément h1 sur rouge et définit la taille de la police sur 14 pixels.

Dans cet exemple, h1 est le sélecteur, color et font-size sont des attributs, et red et 14px sont des valeurs.

h1 {color:red; font-size:14px;}

Le diagramme ci-dessous vous montre la structure du code ci-dessus :

Syntaxe CSS

Conseil : Veuillez utiliser des accolades. .

Différentes méthodes d'écriture et unités de valeurs

En plus du mot anglais red, on peut également utiliser la valeur de couleur hexadécimale #ff0000 :

p { color: #ff0000; }

Pour enregistrer des octets, nous pouvons utiliser l'abréviation de CSS :

p { color: #f00; }

Nous pouvons également utiliser les valeurs RVB de deux manières :

p { color: rgb（255,0,0）； }
p { color: rgb（100%,0%,0%）； }

Veuillez noter que lors de l'utilisation RVB Pour les pourcentages, écrivez le signe de pourcentage même lorsque la valeur est 0. Mais dans d’autres cas, cela n’est pas nécessaire. Par exemple, lorsque la taille est de 0 pixel, il n'est pas nécessaire d'utiliser des unités px après 0, car 0 vaut 0, quelle que soit l'unité.

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!