Notes du troisième jour HTML5

CSS

html : structure

css : performances

CSS : feuille de style en cascade

Fonction : Modifier et embellir le html. La séparation de la structure et du style est réalisée.

Feuille de style en cascade

Avantages de l'utilisation du CSS DIV :

1. Séparation des performances et du contenu

2. Améliorer la vitesse de navigation des pages

3. Facile à maintenir et à réviser

Feuille de style

Sélecteur

Style

Syntaxe : Sélecteur {Style 1 : Valeur de style Style 2 ; : Valeur de style 2;>

Classification des feuilles de style :

1, feuilles de style en ligne ; (pas de séparation de la structure et de la présentation ; priorité la plus élevée)

Syntaxe : < ; p >123

2, feuille de style interne ; (pas de séparation de la structure et de la présentation ;)

Syntaxe;

3, feuille de style externe ; (réalise la séparation de la structure et de la présentation ;

1) Feuille de style liée :





2) Feuille de style importée ; (rarement utilisée)

Syntaxe :

Priorité de la feuille de style :

Principe de proximité

Les feuilles de style en ligne ont la priorité la plus élevée

Commentaires :

commentaires html

commentaires css/*CSS*/

Impossible d'imbriquer les commentaires

Sélecteur :

Sélecteur de base :

1) Sélecteur global : * représente la syntaxe : *{style}

* représente toutes les balises, toutes Tous les styles de balises sont modifiés

2) Sélecteur de balises

p{ >

h1{ >

Caractéristiques : Les mêmes balises ont le même style

3) Sélecteur de catégorie

d'abord défini puis cité

définition : .class selector name {style}

cité : class="category selector Le nom "

fonctionnalités : définies une fois, utilisées plusieurs fois. Lorsque vous utilisez deux sélecteurs de catégorie, utilisez des espaces

4) Le sélecteur d'identifiant

est défini en premier puis cité

définition : #Le nom du sélecteur d'identifiant {style}

Citation : id="nom du sélecteur d'identifiant"

Caractéristiques : Unique

Les identifiants portant le même nom ne peuvent apparaître qu'une seule fois dans la même page

Élevé priorité

Priorité du sélecteur :

Feuille de style en ligne>id>.class>element (sélecteur de balises)>* (sélecteur global)

Poids : 1000 >100> ; 10 > 1 > 0

Le poids est calculé par addition

Représentation de la valeur de couleur :

1, méthode de représentation des mots : rouge;vert;bleu;jaune; orange;rose;violet;noir;blanc;

2, notation hexadécimale : (0-9 a-f) #ff0000 #RedRedGreenGreenBlueBlue

#f00 #Rouge, vert et bleu

3, représentation RVB : (0-255)

couleur de fond :rgb(255,0,0) rgb(rouge, vert, bleu)

rgb(255,255,255) blanc

4, notation rgba :

a représente la transparence (changement entre 0-1, 0 représente complètement transparent, 1 signifie opaque ;)

background-color:rgba(255,0 ,0,0.5)

background-color:rgba(255,0,0,.5)

Lorsque RVB est égal, il représente une couleur grise

Ce qui précède est le contenu des notes du troisième jour de HTML5. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !