Introduction au CSS

1. Présentation
Feuille de style en cascade ; vous pouvez contrôler les éléments HTML pour améliorer l'effet d'affichage et la position des éléments HTML ;

Syntaxe de base
Les règles CSS sont composées de. Composé de deux parties : sélecteur et instruction
Règles d'instruction :
1. Le nom du sélecteur CSS est sensible à la casse ; le nom de l'attribut et la valeur de l'attribut sont sensibles à la casse ; de chaque instruction ;, la dernière ligne peut être omise ;
3. Format du commentaire : /**/
4. Le code css écrit en HTML doit être entouré de balises de style ;
5. un fichier CSS séparé, il n'est pas nécessaire d'utiliser la balise de style et toutes les instructions doivent être placées entre accolades
6 Si la valeur de l'attribut contient des espaces, elle doit être placée entre guillemets doubles ; Si un nom d'attribut correspond à plusieurs valeurs d'attribut, plusieurs valeurs d'attribut séparées par des espaces ;
8.css nom du suffixe.css

3. Format :

sélecteur {

Attribut. nom : valeur de l'attribut ;
Nom de l'attribut : valeur de l'attribut ;
Nom de l'attribut : valeur de l'attribut ;
..........
}

4. Sélecteur

1.ID Valeur d'attribut du sélecteur

#id {
Nom d'attribut : valeur d'attribut
Nom d'attribut : valeur d'attribut
.....
}

2. Valeur d'attribut de classe du sélecteur

.attribut .class {

Nom de l'attribut : valeur de l'attribut ;
Nom de l'attribut : valeur de l'attribut;
.....
}

3. Sélecteur d'élément (sélecteur de balise)

Nom de la balise{

Nom de l'attribut : valeur de l'attribut ;
Nom de l'attribut : valeur de l'attribut;
.....
}

4. Sélecteur d'attribut

nom de la balise [nom de l'attribut = valeur de l'attribut] {

Nom de l'attribut : valeur de l'attribut
....
}

5. Contient le sélecteur

Nom de la balise du sélecteur de base {

Nom de l'attribut : valeur de l'attribut ;
....
}

4. Comment intégrer avec HTML

1. Dans l'en-tête de HTML Utilisation la balise de lien

2 En html Utilisez le. balise de style dans la balise head de la page, et vous pouvez également écrire du code CSS dans la balise de style ; il ne peut être utilisé que dans ce fichier html, pas dans un autre html

3. le nom de l'attribut style= "Nom de l'attribut = valeur de l'attribut ; nom de l'attribut = valeur de l'attribut ;";

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!