Maison  >  Article  >  interface Web  >  Introduction détaillée à l'arrière-plan et au texte de style CSS

Introduction détaillée à l'arrière-plan et au texte de style CSS

高洛峰
高洛峰original
2017-03-09 10:38:121448parcourir

1. Arrière-plan

1. Utilisez l'attribut background-color pour la couleur d'arrière-plan, par exemple : body{background-color:red}.

2. Utilisez l'attribut background-image pour utiliser une image comme arrière-plan, telle que body{background-image:ul1(23.jpg)

3. Utilisez l'attribut background-repeat. pour mosaïquer à plusieurs reprises l'arrière-plan d'une image, répéter-x ou répéter-y signifie respectivement un carrelage horizontal ou vertical,

pas de répétition signifie autoriser le carrelage dans n'importe quelle direction

Par exemple : corps
{background-image:url(23 .jpg)
background-repeat:repeat-x:) }

4. Utilisez l'attribut background-position pour positionner l'arrière-plan, [position : haut, bas , gauche, droite, centre, vous pouvez également utiliser

Pourcentage (50% 50%), valeur de longueur (50px 50px)]

Par exemple : corps
{background-image:url (23.jpg)
background-position:center>

5. Utilisez background-attachment pour définir les attributs d'association d'image. l'arrière-plan de l'image ci-dessous ne défilera pas avec le défilement du texte

body{background-image:url(23.jpg);
background-repeat:no-repeat;
background-attachment :fixed;>

2. Texte

1 Utilisez l'attribut text-indent pour indenter le texte. de la première ligne d'un paragraphe. La valeur du retrait peut être un nombre négatif

Par exemple : p{text-indent:-5em}, mais définir un nombre négatif peut facilement dépasser la bordure gauche de la fenêtre du navigateur. , une attention particulière doit donc être portée ;

L'unité de valeur d'indentation peut être un pourcentage %, l'unité de longueur px et l'unité de mesure em ;

L'attribut text-indent peut être hérité, par exemple exemple :
p#outer {width:500px;}
p#inter {text-indent:10%}
p{width:200px;}
&p id="outer"> ;

du texte.du texte.du texte.

c'est un pragramph


< ;/p>

2. Utilisez les attributs d'alignement du texte (gauche, droite, centre, justice) pour l'alignement horizontal

3. ), la valeur par défaut normal est la même que la valeur de réglage 0,

l'espacement des mots accepte les valeurs de longueur positives et les valeurs de longueur négatives

4, l'espacement des lettres Changer l'espacement entre les caractères et les lettres. Les autres sont identiques à l'espacement des mots. La valeur par défaut normale est la même que la valeur 0

Acceptez les valeurs de longueur positives et négatives

5. text -transform gère la casse du texte (aucun, majuscule majuscule, minuscule minuscule, mettre en majuscule la première lettre est en majuscule

6. text-decoration gère la décoration du texte (aucune, souligné, surligné, interligne), clignotant clignotant

7. Traitement du caractère d'espace blanc espace blanc

valeur de pré-ligne, caractère vide : fusion, caractère de nouvelle ligne : réservé, retour à la ligne automatique : autorisé

valeur normale, Caractère vide : fusion, caractère de nouvelle ligne : ignorer, retour à la ligne automatique : autorisé ;
valeur nowrap, caractère d'espacement : fusion, caractère de nouvelle ligne : réservé, caractère de nouvelle ligne automatique : non autorisé
pré-retournement de la valeur, caractère d'espacement : réservé , caractère de nouvelle ligne : réservé, retour à la ligne automatique : autoriser

8. L'attribut direction affecte le sens d'écriture du texte dans les éléments de niveau bloc, le sens de mise en page dans les listes, le sens du contenu remplissant horizontalement sa zone de texte , et la direction de la dernière ligne dans les éléments justifiés. Position (il existe deux valeurs, ltr et rtk, où ltr est la valeur par défaut et est la direction de gauche à droite)

9. la hauteur de la ligne

Une brève discussion de ce qui précède L'arrière-plan et le texte des styles CSS sont tout le contenu partagé par l'éditeur, j'espère que cela pourra vous donner une référence, et j'espère également que vous prendrez en charge le chinois PHP. site web.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn