html⽂字段落怎么布局,CSS页⾯布局常⽤知识汇总（⽂本样
式）
CSS中的知识⾮常多，我们不可能全都记得住。闲暇时整理了⼀些CSS页⾯布局的常⽤知识，这篇⽂章就和⼤家分享⼀下CSS⽂本样式的常⽤知识。需要的朋友可以参考⼀下，希望可以帮助到你。
1、字体类型
绝⼤多数⽤户系统默认⽀持的中⽂字体有宋体、⿊体、幼圆、楷体；默认⽀持的英⽂字体有Arial、Arial Black、Arial Narrow、 Century Gothic 、Comic SansMS、Times New Roman等等。在使⽤中，宋体和Arial使⽤频率最⾼。
CSS提供font-family属性设置字体类型。
实例：p{font-family: 宋体；}
注意：若同时设置多个字体属性，则优先级是先后顺序。
2、字体⼤⼩
CSS提供font-size属性设置字体⼤⼩。
实例：p{font-size: 12px；}
相对⼤⼩
px, em, 10%, larger, smaller(后两个是相对于⽗元素)
绝对⼤⼩
pt, pc, in cm, mm
关键字
xx-small, x-small, small, large, x-large,xx-large
3、字体加粗
CSS提供font-weight属性设置字体加粗。
实例：p{font-weight: bold；}
数字： 100、200、…、900
关键字：bold, bolder, lighter, normal
4、⽂字颜⾊
CSS提供color属性设置⽂字颜⾊。
实例：p{color: red；}
颜⾊名称：red, green,……
RGB值： (255,255,255),…….
⼗六进制值：#ff0000,……
5、斜体css设置文字垂直居中
CSS提供font-style属性设置字斜体。属性值有normal, italic, oblique三种。
实例：p{font-style: italic；}
6、下划线、顶划线、删除线
CSS提供font-decoration属性设置下划线、顶划线、删除线。属性值有underline(下划线)、blink(闪烁⽂字)、overline(顶划线)、line-through(删除线)四种。
实例：p{font-decoration: underline；}
7、英⽂字母⼤⼩写
CSS提供font-transform属性设置英⽂字母⼤⼩写。属性值有none(⽆)、capitalize(⾸字母⼤写)、uppercase(全部⼤写)、lowercase(全部⼩写)四种。
实例：p{font-transform: none；}
8、⽂本的段落样式
⽔平对齐
CSS提供text-align属性设置⽔平对齐。属性值有left(左对齐)、right(右对齐)、center(居中)、justify(两
端对齐)四种。
实例：p{text-align: left；}
垂直对齐
CSS提供writing-mode和layout-flow属性设置垂直对齐。
语法：writing-mode：lr-tb; (左右-上下)
writing-mode：tb-rl; (上下-右左)
layout-flow：horizontal; (⽔平排列)
layout-flow：vertical-ideographic; (垂直排列)
⾸⾏缩进
CSS提供text-indent属性设置⾸⾏缩进。属性值可以是像素值或者百分⽐。
实例：p{text-indent: 12px；}
⾏间距
CSS提供line-height属性设置⾏间距。属性值可以是长度值。
实例：p{line-height: 12px；}
字间距
CSS提供letter-spacing属性设置字间距。属性值可以是长度值。
实例：p{letter-spacing: 12px；} (字母间距)
p{word-spacing: 12px；} (单词间距)

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。