Notes du jour 4 HTML5

Sélecteur :

1, sélecteur de relation

1) Sélecteur de groupe h2,p,.text,#box{style}

séparer par des virgules Ouvrir

2) Élément parent du sélecteur d'élément enfant > élément enfant {style}

séparé par le signe supérieur à > >Séparer par des espaces



Les couleurs sont héritées

2 , sélecteur de pseudo-classe dynamique (couramment utilisé dans les balises)

 : statut du lien lors de la liaison

 : statut visité après la visite

 : statut du survol lorsque la souris est placée

 : actif L'état dans lequel la souris est cliquée

Principe : Principe Amour-Haine LoVeHAte écrit ceci dans l'ordre

Écrivez généralement a{} a:hover{}

3, : nième sélecteur

:first-child:premier élément enfant

:last-child:dernier élément enfant

:nth-child( n) : nième élément enfant n : 0 , 1, 2...n 2n 2n 1... En partant de 0, en accumulant 1 à chaque fois

Les lignes impaires et paires sont de couleurs différentes : nth-child(2n 1 ) nth-child(2n )

Propriétés CSS

1, propriétés du texte (style de texte, propriétés de police, style de police)

font-size:12px/14px; 16px)

font-family:Microsoft Yahei;

font-weight:100-900/bold/bolder/normal font bold

color:#000000;

font-style:italic(italic)/normal;

2, attribut de paragraphe

text-align:gauche/centre/droite niveau de texte Alignement

vertical- align:top/middle/bottom Alignement vertical du texte

text-indent:20px/2em Indentation du texte

hauteur de ligne:20-24px /150%/1,5 interligne

text-decoration:underline/overline/line-through/none text decoration

Utilisation spéciale :

Comment définir une ligne de texte avec hauteur et centrage vertical :

line-height:height; (line height = height)

letter-spacing:10px; word et word La distance entre

word-spacing:1px La distance entre les mots (principalement utilisé sur Sites Web en anglais)

text-transform:capitalize (la première lettre de chaque mot est en majuscule) majuscule (tout en majuscules) minuscule (tout en minuscules) (principalement utilisé sur les sites Web en anglais)

espace blanc :normal/nowrap (pas de sauts de ligne)

3, attribut d'arrière-plan (arrière-plan)

background -color:#000000/rgba()/red

background-image : url(chemin de l'image)

background-repeat:repeat/repeat-x/repeat-y/no-repeat ;(Définir le mode d'affichage de l'image d'arrière-plan)

background-position: horizontal direction direction verticale

direction horizontale : 300px -300px 20 % gauche centre droit

direction verticale : 300px -300px 20% haut centre bas

l'arrière-plan est un attribut composite et peut être omis.

Exemple : background:#ff0000 url(../img/1.jpg) no-repeat 20px 30px;

4, attribut de liste (style de liste) attribut composite (principalement utilisé pour ul ol li)

list-style-image:url();Ajouter l'image devant l'élément de la liste

list-style-type:none (point devant la liste)

list-style-position : inside/outside

list-style:none ; le plus couramment utilisé

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