À propos de l'apprentissage frontal des CSS

Après avoir appris la vidéo de CSS+Div, j'ai l'impression que l'explication est très claire. Je ne la connais pas jusqu'à ce que je la regarde, j'ai été choqué quand je l'ai vue. Il s'avère que CSS peut ajouter beaucoup de choses. coloriez une page Web !

1. Présentation

1. 🎜> 2. Attributs CSS

1. Attributs de texte

(1) style de police :

italique (italique) normal (normal) ;

(2) font-weight :

gras/plus gras/plus clair (épaisseur), vous pouvez également utiliser des chiffres (100-900)

(3) font- ; taille : 20px, assurez-vous d'apporter l'unité px ;

(4) font-family : "楷体" ; utilisez des guillemets lors de l'écriture du chinois ; >

Famille de polices de police de sauvegarde : "Arial", "Microsoft Yahei"

Définir les polices pour le chinois et l'anglais respectivement : "Arial", "楷体" (police anglaise devant, polices chinoises derrière, les polices chinoises font ici référence aux polices qui peuvent gérer le chinois)

• (5) Abréviation des attributs de texte :

  police : style poids taille famille

• le style et le poids peuvent échanger des positions, la taille et la famille peuvent échanger des positions, mais la taille et la famille doivent être à la fin

le style et le poids peuvent être omis, mais la taille et la famille ne peuvent pas être omises

2. Attributs du texte

• (1) Décoration du texte ; :

  text-decoration : underline | overline | none;

• (2) Alignement horizontal :

  text-align :

(3) Indentation du texte :

text-indent : 2em ;

3. Attribut de contrôle de couleur (color)

(1) Anglais : expression limitée, utilisée pour le débogage ; >

(2 ) RVB (rouge, vert, bleu) : la valeur est de 0 à 255 ; les trois valeurs sont toutes grises (3) RVBA : le devant est le même que RVB ; , le dernier est la transparence, la valeur est de 0 à 1 ;

(4) Hexadécimal : Le principe est rgb ; deux chiffres hexadécimaux pour un rgb (5) Abréviation hexadécimale :

> Il doit être sous cette forme pour être abrégé

3. sélecteur css

1. Sélecteur de balises

Sélectionnez toutes les balises

2. Sélecteur d'ID

• 
  

  L'identifiant est unique

  
  

• Il se compose de lettres, de traits de soulignement et de chiffres, et le numéro ne démarre pas
  

  
  

  3. 🎜>class="nom de classe nom de classe" (Multi-catégorie)

• 
  

  Application multi-catégories : Combinaison de classification

  
  

4. Sélecteur descendant

Format : tag tag｛｝;

• 
  

  La balise ci-dessus peut être une balise, un identifiant et une classe. le sélecteur ;

  
  peut être développé à l'infini

• Les descendants incluent les enfants et petits-enfants

5; . Sélecteur d'élément enfant

• Format : tag>tag｝

• ne peut pas contenir d'espaces

• . 6. Sélecteur d'intersection (*)

• Format : tagtag｛｝

Les deux n'ont aucun symbole

• 7. Appareil de sélection Union

• format : tag, tag｛｝

8. Sélecteur Brother

• phase Frères voisins : + connexion ; seul celui après le frère ou la sœur adjacent peut être sélectionné et ne peut pas être séparé entre

• Frères universels : ~ connexion derrière l'étiquette spécifiée de ; le même niveau, qu'il soit séparé ou non

9. Sélecteur de commande

Recommandations associées :

• style css -- - Hack CSS

résumé css+div【css+div】_html/css_WEB-ITnose

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!