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

Introduction au CSS : En quoi consistent les règles de grammaire CSS ?

云罗郡主
Libérer: 2018-11-06 13:57:31
original
6474 Les gens l'ont consulté

Lorsque de nombreuses personnes débutent avec CSS, elles ne comprennent pas très bien les règles grammaticales du CSS, et elles ne savent pas en quoi consistent les règles grammaticales du CSS. Expliquons en quoi consistent les règles grammaticales du CSS ?

Introduction au CSS : En quoi consistent les règles de grammaire CSS ?

css est principalement composé de deux parties, la première est le sélecteur, et la seconde est l'instruction. L'instruction peut être une ou plusieurs, et le sélecteur css est When. on change le style du html, chaque instruction est constituée d'un attribut et d'une valeur. La syntaxe principale du CSS est :

selector {declaration1; declaration2; ... declarationN }
Copier après la connexion

Ci-dessous nous pouvons utiliser un cas pour illustrer les règles du CSS :

h1 {color:red; font-size:16px;}
Copier après la connexion

Dans le code ci-dessus, h1 représente le sélecteur, à l'intérieur du accolades La déclaration est l'attribut et la valeur, où la couleur est l'attribut du CSS et le rouge représente la valeur. Il existe plusieurs façons d'écrire la valeur. Nous savons qu'il existe plusieurs façons d'écrire le rouge. Nous pouvons également utiliser l'hexadécimal #. ff0000 pour l'exprimer. Bien sûr, si nous voulons utiliser moins d'octets, nous pouvons également utiliser l'abréviation CSS. Parfois, nous pouvons également utiliser le pourcentage RVB. Lorsque nous utilisons le pourcentage, nous devons écrire le symbole de pourcentage.

La chose la plus importante à propos du CSS, ce sont les déclarations multiples. Si nous voulons définir plusieurs déclarations, nous pouvons utiliser les symboles de déclaration pour les séparer. Le dernier attribut n'a pas besoin d'être ajouté par un point-virgule. L'anglais est Un symbole séparateur n'est pas un symbole de fin, mais de nombreuses personnes expérimentées aiment ajouter un symbole séparateur. Cela peut réduire nos risques de commettre des erreurs. Par exemple :

p {
  text-align: center;
  color: black;
  font-family: arial;
}
Copier après la connexion

Enfin, nous devons faire attention aux espaces et à la casse. De nombreux styles ont plus d'une instruction, donc n'ont pas d'espaces. Si CSS implique de travailler avec du HTML, la classe CSS est très sensible. .

Ce qui précède est une introduction complète pour démarrer avec CSS : en quoi consistent les règles de grammaire CSS Si vous souhaitez en savoir plus sur le Tutoriel CSS et le Tutoriel CSS3, veuillez faire attention au site Web chinois php.


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:
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal