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!