CSS字体属性
-
**
字体系列**- css使用font-family属性定义文本字体系列
- 字体之间用英文状态下的逗号隔开
- 一般情况下，如果有空格隔开的的多个单词组成的字体加引号
- 尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示
-
常见的几个字体{'Microsoft YaHei',tahoma,arial,'Hiragino Sans GB'}
-
字体大小
- 使用 font-size 对字体进行设置
- 可以用body标签对除了标题之外的字进行设置，
- 标题字体设置必须单独进行设置
-
字体粗细
使用font-weight 对字体进行设置
400 相当于nomal
700 相当于weight
bold | bolder | lighter
-
字体类型
- 正常 nomal
- 斜体 italic
- 倾斜 oblique
-
font-variant:normal/small-caps normal为默认 small-caps为显示英文文本样式为小型的大写字母
-
字体复合使用
简写font:后面依次 font-style font-weight font-size/line-height font-family
字体设置简写必须有font-size font-family
| 属性 | 表示 | 注意点 |
|---|---|---|
| color | 文本颜色 | 我们通常用，十六进制 比如 白色简写形式#fff |
| text-align | 文本对齐 | 可以设定字体水平的对齐方式相关属性：left | center | right | justify==只对块级元素有效可继承== |
| text-indent | 文本缩进 | 通常我们用于段落首行缩进两个子的距离 text-indent:2em; |
| text-decoration | 文本修饰 | 记住 添加下划线 underline 取消下划线 none overline | line-through | blink |
| line-height | 行高 | 控制行与行之间的距离使用px单位行高就为确定值 可以使用em或百分比==当使用从父类中继承的行高时继承的为计算后的行高== |
| margin |
==设置元素内容的垂直方式==
-
vertical-align属性==应用于行内标签和单元格元素起作用例span和img==
值 baseline|sub|super|top|text-top|middle|bottom|text-bottom 长度|百分比
==文本大小写==
- text-transform属性
- 属性值capitalize表示将文本中每个单词以大写字母开头
- 属性值uppercase将文本中的单词的每个字母否转变成大写
- 属性值lowercase定义文本中单词都是小写字母
==文本样式属性==
- word-spacing设置元素内单词之间间距
- letter-spacing设置元素内字母之间间距
- text-transform设置文本大小写属性有 capitalize每个单词首字母大写 | uppercase | lowercase | none
