目录

常用属性

font-family   设置字体样式

font-weight  设置字体粗细，值是100-900

color  设置字体颜色       

① 直接使用 颜色

 ② 使用 rgb

③ 半透明 rgba

 ④ 使用 #十六进制数字

text-align 本文对齐

text-decoration 本文装饰

text-indent 本文缩进

line-height 行高

 背景属性

background-color 背景颜色

background-image：url ( ... ) ;  背景图片

background-repeat 背景平铺方式

background-position 背景位置

background-size 背景尺寸

border-radius ：值  圆角矩形

常用属性

font-family   设置字体样式

font-weight  设置字体粗细，值是100-900

color  设置字体颜色       

① 直接使用 颜色

 ② 使用 rgb

• rgb(r,g,b) 可以使用qq截图识别 ctrl + alt + a
• 颜料三原色（CMYK）：红、黄、蓝
• 光学三原色（RGB）：红、绿、蓝

③ 半透明 rgba

 ④ 使用 #十六进制数字

text-align 本文对齐

• center ：居中对齐
• left ：左对齐（默认)
• right ：右对齐

text-decoration 本文装饰

• underline ：下划线（常用)
• none : 啥也没有，可以给 a 标签去掉下划线
• overline ：上划线（不常用)
• line-throught 删除线（不常用)

text-indent 本文缩进

• 单位可以使用 px 或者 em
• 常用 em ，1 em 就是当前元素的文字大小单位
• 缩进可以为 负值，表示向左缩进，会导致文字冒出去

line-height 行高

• 行高 = 上边距+下边距+字体大小
• 可以设定为  xx px ，也可以设置成 normal ：chrom默认是21px

 背景属性

background-color 背景颜色

background-image：url ( ... ) ;  背景图片

background-repeat 背景平铺方式

• repeat ：平铺（默认)
• no-repeat ：不平铺
• repeat-x ：水平平铺
• repeat-y ：垂直平铺

background-position 背景位置

参数风格

• 方位名词：top、left、right、bottom
• 精确单位：坐标或者百分比（以左上角为原点)
• 混合单位：同时包含方位名词和精确单位

background-size 背景尺寸

border-radius ：值  圆角矩形

• 值可以为 n px ，代表 内切圆的半径，值越大，弧线越强烈
• 也可以输入50%，生成的是圆形
• 输入 矩形高度的一半：生成圆角矩形