常用的字体修饰属性
| 属性 | 描述 |
|---|---|
| font-size | 字体大小 单位：数字+px |
| font-weight | 字体粗细 单位：数字 |
| font-style | 字体倾斜 |
| line-height | 行高 单位：数字+px/数字(当前size的倍数） |
| font-family | 字体族 |
| font | 字体复合属性 |
| text-indent | 文本缩进 |
| text-align | 文本对齐 |
| text-decoration | 修饰线 |
| color | 颜色 |
事项
行高
行高实际由上间距+文本高度+下间距
测量方法：从一行文字的最顶端到下一行文字的最顶端。
单行文字想要垂直居中时，可以设置行高属性值与盒子高度属性值一致。
字体族
font-family属性值可以书写多个字体名用逗号隔开，依次从左到右查找。
复合属性
属性的简写方式，一个属性对应多个值的写法，各个属性值之间用空格隔开。(必须按顺序书写)
font：是否倾斜 是否加粗 字号/行高 字体
注：字号和字体必须书写，否则font不生效
文本缩进
属性名：text-indent
属性值:
- 数字＋px
- 数字+em （1em表示当前标签的字号大小）
文本对齐方式
作用：控制内容水平对齐方式
属性名：text-align
| 属性值 | 效果 |
|---|---|
| left | 左对齐（默认） |
| center | 居中对齐 |
| right | 右对齐 |
想让图片居中，可以给图片加一个父级标签例如<div>设置居中
修饰线
属性名：text-decoration
| 属性值 | 效果 |
|---|---|
| none | 无 |
| underline | 下划线 |
| line-through | 删除线 |
| overline | 上划线 |
color文字颜色
写法：
| 颜色表示方法 | 属性值 | 说明 |
|---|---|---|
| 颜色关键字 | 颜色的英文单词 | |
| rgb表示法 | rgb(r,g,b) | r,g,b表示红绿蓝，取值0-255 |
| rgba表示法 | rgba(r,g,b,a) | a表示透明度，取值0-1 |
| 十六进制表示法 | #RRGGBB | 两两一组表示红绿蓝 |
如果一组当中两个数是一样的，可以简写为一位数：例如#00ffcc简写为#0fc
本站资源均来自互联网，仅供研究学习，禁止违法使用和商用，产生法律纠纷本站概不负责！如果侵犯了您的权益请与我们联系！
转载请注明出处： 免费源码网-免费的源码资源网站 » HTML(9)——字体修饰
发表评论 取消回复