Collection de codes CSS 2021 couramment utilisés

Liste complète des codes CSS couramment utilisés

html+css peut être très pratique pour la mise en page des pages Web, et peut également réduire un beaucoup de code inutile.

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 Link

text-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-plan

1. Arrière-plan couleur

couleur de fond : paramètre

2. Image d'arrière-plan

image de fond : url(URL)

URL est le chemin de stockage de l'image d'arrière-plan, aucun signifie aucun.

3. Répétition de l'image d'arrière-plan

background-repeat : Paramètre

Plage de valeurs du paramètre :

no-repeat : Pas de répétition image d'arrière-plan de la vignette

répéter-x : créer la mosaïque de l'image uniquement dans le sens horizontal

répéter-y : créer la mosaïque de l'image uniquement dans le sens vertical

Si si le 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 horizontale et verticale.

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ètres

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 navigateur

4. Blocs

1. Espacement des mots

Espacement des mots : distance de séparation

2. 🎜>

espacement des lettres : espacement des lettres

3. Alignement du texte

alignement du texte : paramètre

Valeurs des paramètres :

gauche : alignement à gauche

droite : alignement à droite

centre : alignement au centre

justifier : alignement relatif à gauche et à droite

4. Alignement vertical

alignement vertical : paramètre

haut : alignement supérieur

bas : alignement inférieur

texte -haut : alignement supérieur du texte relatif

texte-bas : alignement inférieur du texte relatif

ligne de base : alignement de la ligne de base

milieu : alignement central

sous : affichage

super sous forme d'indices : Afficher

sous forme d'exposants 5. Retrait du texte

text-indent : Distance d'indentation

12px équivaut à une distance de texte

6

, espaceespace blanc : paramètre

normal normal

pré réservé

nowrap sans retour à la ligne

7. Style d'affichage

affichage : paramètre

plage de valeurs du paramètre :

block : élément 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, ajout de Puces

aucune : pas d'affichage

5. Boîte

1. hauteur

2. 🎜 >

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 flottant

6. Bordure

1. Style de bordure

Paramètre de style de bordure. Paramètres du style de bordure :

aucun : pas de bordure

pointillé : la bordure est une ligne pointillée

pointillé : la bordure est une ligne longue et courte

solide : La bordure est une ligne continue

double : La bordure est une ligne double

2 Largeur

paramètre de largeur de bordure<.>3. Couleur

paramètre de couleur de bordure

Liste

liste-style-type. style

Les caractères de liste des différents navigateurs peuvent être différents, ce qui peut affecter la page Web, de sorte que la plupart des listes de la page Web sont affichées avec des images d'arrière-plan.

Contrôler le style de l'interface utilisateur

8. Souris

Curseur : 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 en haut à gauche

style="cursor:w-resize" Forme de flèche vers la gauche

style="cursor:s-resize" Forme de flèche vers le bas

style="cursor:se-resize" En forme de flèche en bas à droite

style="cursor:sw-resize" En forme de flèche en bas à gauche

Merci d'avoir lu, j'espère que vous en bénéficierez beaucoup.

Cet article est reproduit à partir de : https://blog.csdn.net/xujiuba/article/details/78926554

Tutoriel recommandé : "Tutoriel CSS"

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!