常用属性
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%,生成的是圆形
- 输入 矩形高度的一半:生成圆角矩形
外边距
margin : 设置外边框
padding:设置外边距