L'utilisation de html+css peut facilement mettre en page la page Web, mais tous les attributs ou codes ne doivent pas être gardés à l'esprit. Récemment, j'ai résumé les codes couramment utilisés en CSS pour faciliter ma future révision. Partagez-le également avec tout le monde, j'espère. vous est utile.
1. Paramètres du texte
1. font-size : paramètre de taille de police
2. > 3. font-weight : épaisseur de la police
4. Attribut de couleur
color : paramètre
Attention à utiliser des couleurs sécurisées pour le Web
2. Paramètres du Super Linktext-decoration : L'objectif principal du paramètre
est de modifier le soulignement lorsque le navigateur affiche des liens texte.
Plage de valeurs du paramètre :
souligné : souligner le texte
surligner : souligner le texte
ligner : souligner le texte Barré
clignoter : faire clignoter le texte
aucun : n'afficher aucun des effets ci-dessus
3. Arrière-plan1. >
background-color : Paramètres2. Image d'arrière-planbackground-image : url(URL)L'URL est le chemin de stockage de l'image d'arrière-plan aucun. veut dire aucun. 3. Répétition de l'image d'arrière-planbackground-repeat : paramètre Plage de valeurs du paramètre : no-repeat : ne pas répéter les images d'arrière-plan en mosaïquerépéter-x : créer la mosaïque d'image uniquement dans le sens horizontalrépéter-y : créer la mosaïque d'image uniquement dans le sens verticalSi l'attribut de répétition de l'image d'arrière-plan n'est pas spécifié, le navigateur affiche par défaut l'image d'arrière-plan en mosaïque horizontalement et verticalement. 4. Image d'arrière-plan fixe Image d'arrière-plan fixe contrôle si l'image d'arrière-plan défile avec le défilement de la page Web. Si vous ne définissez pas l'attribut fixe de l'image d'arrière-plan, l'image d'arrière-plan par défaut du navigateur défilera avec le défilement de la page Web. Afin d'éviter que des images d'arrière-plan trop sophistiquées ne détournent l'attention du spectateur lors du défilement, elles sont généralement définies sur fixe background-attachment : Paramètre Plage de valeurs du paramètre : fixe : Lorsque la page Web défile, l'image d'arrière-plan est fixe par rapport à la fenêtre du navigateur défilement : Lorsque la page Web défile, l'image d'arrière-plan défile ensemble par rapport à la fenêtre du navigateur4. Blocs
1. Espacement des mots
espacement des mots : distance d'espacement 2. Espacement des lettres espacement des lettres : espacement des lettres 3. Alignement du texte text-align : paramètre valeur du paramètre : gauche : alignement à gauchedroite : alignement à droitecentre : alignement au centrejustifier : alignement relatif à gauche et à droite4. Alignement verticalalignement vertical : paramètre
haut : alignement supérieurbas : alignement inférieurtext-top : alignement relatif du haut du textetext-bottom : alignement relatif du bas du texte
baseline : alignement de la ligne de basemiddle : alignement du centresub : affiché sous forme d'indicesuper : affiché sous forme d'exposant5 . Indentation du textetext-indent : distance d'indentation12px équivaut à une distance de texte6, espaceespace blanc : paramètrenormal normalpré réservénowrap pas de saut de ligne7. Style d'affichage affichage : paramètre paramètre take Plage de valeurs : block : éléments de niveau bloc, sauts de ligne avant et après l'objet inline : aucun saut de ligne avant et après l'objet list-item : sauts de ligne avant et après l'objet, Puces ajoutées aucune : pas d'affichage
5. Boîte
1. hauteur
2. width 3. padding 4. margin 5. float : permet de disposer les éléments au niveau du bloc dans une rangée, comme un menu horizontal. 6. Clair clair flottant6. Bordure
1. Style
Paramètres de style de bordure Paramètres du style de bordure : aucun : pas de bordure pointillé : la bordure est en pointillés en pointillés : la bordure est en lignes longues et courtes solid : la bordure est pleine Lignedouble : La bordure est double ligne2 Largeurparamètre de largeur de bordure3.paramètre de couleur de bordure
7. Listelist-style-type Style de listeLes caractères de liste des différents navigateurs peuvent être différents, ce qui peut affecter la page Web, donc la plupart des listes sur les pages Web sont affichées avec des images d'arrière-plan.
Contrôler le style de l'interface utilisateur
8. SourisCurseur : paramètres de forme de la souris Tableau des paramètres de forme de la souris CSS :
Forme de la souris : code CSS
style="cursor:hand" Forme de la main
style="cursor:crosshair" En forme de croix
style ="cursor: "text" Shape
style="cursor:e-resize" Forme de flèche vers la droite
style="cursor:n-resize" Forme de flèche vers le haut
style="cursor:nw- resize" En forme de flèche supérieure gauche
style="cursor:w-resize" En forme de flèche gauche
style="cursor:s- resize" En forme de flèche vers le bas
style=" curseur:se-resize" En forme de flèche en bas à droite
style="cursor:sw-resize" Forme de flèche inférieure gauche
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!