一、文本字体大小
属性:font-size
属性值:
- 文本大小的属性值是常规属性值 需要设置数值加单位(网页中常用的单位是像素px)
- 在浏览器中字体默认的大小是16px
- 由于浏览器之间存在差异 设置比12px还小的值在IE浏览器会解析错误 浏览器规定12px是浏览器解析的最小值
二、文本类型设置
属性:font-family
属性值
- 属性值可以设置中文也可以设置英文
- 浏览器中默认的字体类型是微软雅黑(商用是要钱的),win系统中文宋体和新宋体,英文arial
三、文本加粗和倾斜
加粗属性:font-weight
属性值
- 整百数 100~900 100~500表示正常字体 600~900表示加粗字体
- bold 加粗
- bolder 更粗的
- 常用:normal 清除标签的默认加粗样式
倾斜属性: font-style
属性值
- italic 倾斜
- oblique 更倾斜
- 常用:normal 清除标签的默认倾斜样式
四、文本行高属性
属性:line-height
- 设置行高和容器高度一样的时候 文本会在垂直方向居中显示
- 设置行高大于容器高度的时候 文本会在垂直方向向下移动
- 设置行高小于容器高度的时候 文本会在垂直方向向上移动
五、文本复合属性
属性:font
属性值:font-weight font-style font-size/line-height font-family
- font-weight和font-style可以互换位置或者是省略
- font-size和line-height不可以互换位置
- font-family不管设置或者不设置必须要有
六、文本颜色属性
文本颜色属性 color
属性值
- 英文单词 green、red、yellow...
- 十六进制:以#开头 后面是有六位字符 #六位字符 (数字和字母的组合 0~9a~fA~F)
- 如何从设计图上获取颜色值 通过ps的吸管工具
- 常见的十六进制 #000 #ffffff #cccccc => 当六位字符相同的时候可以简写成三位
- rgb(三个参数) 取值范围是0~255之间
- rgba(red,green,blue,alpha) 透明度 0~1
七、文本水平方向位置
属性:text-align
属性值:
- left 默认就是在左侧的
- right
- center
- justify 两端对齐
八、文本修饰属性
属性:text-decoration
属性值
- underline 文本添加下划线
- overline 文本添加上划线
- line-through 添加删除线 del标签
- none 清除默认标签的下划线
九、首航缩进属性
属性:text-indent
- 常用的单位是px和em
- 只针对第一行文本
- 可以设置正值还可以设置负值(常用)
十、字间距和词间距
字间距 letter-spacing 中文汉字
词间距 word-spacing 英文单词