Maison >interface Web >tutoriel CSS >Introduction au CSS : En quoi consistent les règles de grammaire CSS ?

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

云罗郡主
云罗郡主original
2018-11-06 13:57:316507parcourir

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 }

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

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

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;
}

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!

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