Maison > interface Web > tutoriel CSS > le corps du texte

Introduction aux propriétés liées au texte en CSS

不言
Libérer: 2018-11-16 16:24:50
avant
1983 Les gens l'ont consulté

Le contenu de cet article est une introduction aux attributs liés au texte chinois CSS. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Taille du texte {font-size:12px/14px/16px>

Instructions :
1) Lorsque la valeur de l'attribut est de type numérique, une unité doit être ajoutée à la valeur de l'attribut , et la valeur de l'attribut est 0 Sauf quand.
2) L'unité peut également être pt, 9pt=12px
3) Afin de réduire les différences d'affichage des polices entre les systèmes, les fabricants de navigateurs IE Netscape et Mozilla ont tenu une réunion en 1999 et ont déterminé conjointement 16px/. ppi as La valeur par défaut de la taille de police standard est 1em Par défaut, 1em=16px, 0.75em=12px ; 1rem est un multiple de l'élément racine
4) Utilisez le mot-clé de taille absolue

   xx-small   =9px
   x-small    =11px
   small      =13px
   medium     =16px
   large      =19px
   x-large    =23px
   xx-large   =27px
Copier après la connexion

couleur du texte {couleur : blanc>
Dit représenter la valeur de couleur en hexadécimal :

   0  1  2  3  4   5  6  7  8  9
   0  1  2  3  4   5  6  7  8  9  A  B  C  D  E  F
Copier après la connexion

Mode couleur :

   光色模式 R         G      B
           FF        00     00
Copier après la connexion

Abréviation de la valeur de couleur :

Lorsque les trois groupes de nombres représentant les trois couleurs primaires sont identiques à la fois, ils peuvent être abrégés en trois chiffres ; 🎜>Alignement
Horizontal/vertical :

Hauteur de ligne
   说明:
       *当字体是中文字体时需加引号;
       *当英文字体中有空格时需加引号如“Times New Roman”;
       Windows中文版本操作系统下,中文默认字体为宋体或者新宋体,英文字体默认为Arial
   加粗 {font-weight: bold/normal/100-900}     
   倾斜 {font-style: italic/oblique}
       1)在css规范中把字体的粗细分为9个等级,分别从100-900,
       其中100对应最轻的字体变形,而900对应最重的字体变形。
       100-500常规字体600-900加粗字体
Copier après la connexion

Instructions :
1) Lorsque la hauteur de ligne d'une seule ligne de texte est égale à la hauteur de le conteneur, la seule ligne de texte peut être alignée verticalement au centre du conteneur

2) Lorsque la hauteur de ligne de la seule ligne de texte est inférieure à la hauteur du conteneur, la seule ligne de texte peut être aligné dans le conteneur Alignez verticalement n'importe quelle position au-dessus du centre.
   {text-align:left/right/center/justify(justify个别浏览器不兼容,)
   {vertical-align:top/bottom/middle/baseline;}(只有inline-block(能设置大小,默认排在一行)元素类型支持)
Copier après la connexion
3) Lorsque la hauteur de ligne d'une seule ligne de texte est supérieure à la hauteur du conteneur, la ligne unique de texte peut être alignée verticalement dans le conteneur sur n'importe quelle position. position ci-dessous (les versions IE6 et inférieures ont des problèmes de compatibilité avec les navigateurs)


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!

Étiquettes associées:
source:segmentfault.com
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal