Texte CSS

亚连
Libérer: 2018-05-10 09:59:54
original
1973 Les gens l'ont consulté

S'il ne s'agit que d'une simple page HTML sans aucune couleur, nous devons généralement ajouter des styles CSS et JS pour augmenter la couleur de la page. Parlons des styles de texte CSS.

Police

body{font-family:"宋体";}
Copier après la connexion

Couleur

body{color:#666}
Copier après la connexion

Taille

body{font-size:12px;}
body{font-size:1em;}
Copier après la connexion

En retrait

p {text-indent: 2em;}
p {text-indent: 50%;} //基于父元素
Copier après la connexion

Style de police

p.normal {font-style:normal;}//默认
p.italic {font-style:italic;}// 斜体
p.oblique {font-style:oblique;}// 倾斜
Copier après la connexion

Méthode

h1{text-align:center;}
Copier après la connexion

Valeurs : gauche, droite, centre, justifier

Espacement des mots

p{word-spacing:25px;}
p{word-spacing:normal;}// 相当与0px
Copier après la connexion


Espacement des lettres

h1 {letter-spacing:2px;}
h1 {letter-spacing:normal;}
Copier après la connexion

Conversion des caractères

h1 {text-transform: none;}//默认
h1 {text-transform: capitalize;}//首字母大写
h1 {text-transform: uppercase;}// 全部大写
h1 {text-transform: lowercase;}// 全部小写
Copier après la connexion

Décoration du texte

a {text-decoration: none;}
h1 {text-decoration:overline}//上划线
h2 {text-decoration:line-through}//中划线
h3 {text-decoration:underline}// 下划线
// blink闪烁文本,不过兼容性不好,很多浏览器都不支持
Copier après la connexion

Gras

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}//粗体
p.bolder{font-weight:bolder;}// 更粗
p.lighter{font-weight:lighter;}// 更细
p.thicker {font-weight:900;}//400 等同于 normal,而 700 等同于 bold。
Copier après la connexion

Ce qui précède présente quelques styles de texte CSS couramment utilisés. J'espère que cela pourra vous aider.

Articles connexes :

Doit maîtriser les styles de texte CSS

Exemple de code pour implémenter l'effet de vol de texte 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!

Étiquettes associées:
source:php.cn
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