字体属性:
含义 | 属性 | 参数 | 说明 | 例子 |
---|---|---|---|---|
字体样式 | font-family | 字体样式的名称 | 可以是使用多个字体样式,后面作为备用字体, | font-family:“微软雅黑”,“宋体”; |
字体大小 | font-size | 像素:px,em,rem | font-size:20px; | |
字体颜色 | color | 颜色名称,rgb,十六进制表示法,rgba | rgba相比于rgb多了一个透明度的参数 | color:red; color:rgb(255,255,255) ; color:rbga(155,155,155,0.1); color:#FF670 |
字体样式 | font-style | italic:倾斜 normal:默认值 | font-style:normal; | |
字体粗细 | font-weight | normal:默认值,也可以是数值,normal=400 |
像素单位 : px em rem px:是一个绝对的值一旦设置了值就不会改变,除非修改代码,不会因为其他因素而改变
em : em是相对单位,当某块区域的字体大小,比如给p标签设置了20px,那么1em=20px
rem:相对单位 主要应用于移动端
文本属性
含义 | 属性 | 参数 | 说明 |
---|---|---|---|
文本修饰 | text-decoration | 文本样式名称 | underline 下划线 none :无线 lin’r |
文本开头缩进 | text-indent | 大小:PX em | |
行高 | line-height | 像素 | |
文字和文字之间的距离 | letter-spacing | 像素 | |
文本粗细 | font-weight | 像素,数值,bold:粗的字体 | 400是默认值 |
对齐方式 | text-align | left:左对齐 right:右对齐 center:中心 | center使用最多 |