HTML+CSS学习笔记 (五)-优快云博客

本文链接：https://blog.youkuaiyun.com/T_hikHome/article/details/52421127

本文介绍了如何使用CSS进行文字排版，包括字体、字号、颜色等基本设置，以及段落缩进、行间距等高级应用。还涵盖了如何通过CSS实现文字效果如粗体、斜体、下划线和删除线。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文字排版

字体：

body{font-family:"Microsoft Yahei";} 或者 body{font-family:"微软雅黑";}   第一种兼容性更好。
注意：不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。

字号、颜色：

body{font-size:12px;color:#666}

粗体：

例如：p span{font-weight:bold;}

斜体：

例如：p a{font-style:italic;}

下划线：

例如：p a{text-decoration:underline;} decoration有修饰，装饰的意思

删除线：

例如： .oldPrice{text-decoration:line-through;}

段落排版

缩进：

例如：p{text-indent:2em;} 

注意：2em的意思就是文字的2倍大小。

行间距(行高)：

例如：p{line-height:1.5em;}

中文字间距、字母间距：

中文字间隔、字母间隔设置
例如：
h1{
    letter-spacing:50px;
}
注意：这个样式使用在英文单词时，是设置字母与字母之间的间距。

单词间距设置
例如：
h1{
    word-spacing:50px;
}

对齐：

为块状元素中的文本、图片设置居中样式
例如：
h1{
 text-align:center;
 }