Texte CSS

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:"宋体";}

Couleur

body{color:#666}

Taille

body{font-size:12px;}
body{font-size:1em;}

En retrait

p {text-indent: 2em;}
p {text-indent: 50%;} //基于父元素

Style de police

p.normal {font-style:normal;}//默认
p.italic {font-style:italic;}// 斜体
p.oblique {font-style:oblique;}// 倾斜

Méthode

h1{text-align:center;}

Valeurs : gauche, droite, centre, justifier

Espacement des mots

p{word-spacing:25px;}
p{word-spacing:normal;}// 相当与0px

Espacement des lettres

h1 {letter-spacing:2px;}
h1 {letter-spacing:normal;}

Conversion des caractères

h1 {text-transform: none;}//默认
h1 {text-transform: capitalize;}//首字母大写
h1 {text-transform: uppercase;}// 全部大写
h1 {text-transform: lowercase;}// 全部小写

Décoration du texte

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

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。

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!