Ce qui suit vous apporte un résumé des points de connaissances CSS front-end. Le contenu est assez bon, je vais donc le partager avec vous maintenant et le donner comme référence.
1. Le concept de CSS : (CascadingStyleSheet)
Avantages : 1. Séparation du contenu et des performances. (Le contenu de la page Web peut être séparé de la présentation en utilisant 5. Utilisez du CSS indépendant de la page Web
2. Sélecteur
1. Sélecteur de balise
Nom de la balise{ Attribut : valeur d'attribut ;}2. Sélecteur de classe .Nom de classe{Attribut : valeur d'attribut ;}
3. >#ID name{Attribut : valeur de l'attribut ;}
4. Sélecteur d'union
Nom de la balise,.Nom de la classe,#ID name{ Attribut : Valeur de l'attribut ;}
5. Sélecteur descendant
Le sélecteur descendant est écrit en écrivant l'étiquette extérieure devant et l'étiquette intérieure. à l'arrière. Séparé par des espaces. Lorsque les balises sont imbriquées, la balise interne devient un descendant de la balise externe. P span{attribut : valeur de l'attribut ;>
balise
imbriquée dans la balise
La balise , séparée par des espaces 6. Sélecteur d'intersection (remarque : intersection Il n'y a pas d'espace entre les sélecteurs) Il peut être déterminé qu'il s'agit d'une certaine balise nom de la balise {} 7. Sélection globale *{ style; }Les commentaires en CSS ne peuvent être que sous la forme de /* commentaires*/ 3. style 1. Inline, 2. Embedded, 3. Style d'importation et de lien, (style CSS externe) Formule d'importation : La différence entre les deux est : le lien charge d'abord le style puis la page, et l'inverse est vrai pour l'import 4. Priorité des styles Entre les styles CSS : sélecteur, s'il y a deux instructions identiques, cette dernière instruction écrasera l'instruction précédente, 5. Modèle de boîte boîte Taille totale du modèle = border-width-padding. +marge+taille du contenu (largeur ou hauteur) 6. Attribut Float La gauche n'autorise pas les éléments flottants sur le côté gauche Aucune valeur par défaut, permettant aux éléments flottants d'apparaître des deux côtés 7. Attribut de positionnement : 8. Mode d'affichage des éléments de contrôle
1. Affichage du mode d'affichage : valeur2. dans la case Débordement : débordement : valeur 3. Définir la forme du curseur : curseur:pointeur (petite main) 4. Style de lien hypertexte : a:link{color:#ff0000;} //Lien non visitéa : visité{color:#00CC00}//Lien visité 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!<h1 style=”font-size:18px”></h1>
<style type=”text/css”>
H1{font-size:18px;}
</style>
<link href=”style.css” rel=”stylelensheet” type=”text/css”/>
<style type=”text/css”> @import”style.css”;</style>