一,文本
1,字体大小
font-size 单位:px,pt,em等,16pt=12px=1em 浏览器默认16px,设计图默认12px。
2,字体颜色
color color加颜色;16进位颜色表;color:rgb
16进位颜色表/ egb: https://www.sioe.cn/yingyong/yanse-rgb-16/
3,字体
font-family(楷体 宋体... ...)
4,字体样式
(1)加粗
font-weight 属性font-weight:bolder(更粗的)/bold(加粗)/normal(常规)
font-weight:100-900,(100-500更细 600-900更粗 注:必须是整百)
(2)倾斜
font-style 属性 font-style :italie(倾斜字)/oblique(倾斜的文字)/normal(常规)
5,文本位置
text-align :left(右)/right(左)/center(中心)/jusitify(水平连端对齐)注:只对多行文本
6设置线的位置
text-decoration: none(没有,去除下划线) /line-throught(删除线)/undeline(下划线)
overline(上划线)
7,字间距
letter-spcing(适用中文)/word-spcing(适用英文)
8,垂直居中
line-height (行高) 当line-height=height时,垂直居中。
9,首行缩进
text-indent 注:只对首行起作用
10,font缩写(顺序)
font:font-style(倾斜),font-weight(加粗),font-size(大小)/line-height(行高),font-family(字体)
二,列表属性
1,设置表格风格图片
list-style-image:url(“图片的地址”)
2,设置表格样式(类型)
list-style-type:none(去除)/circle(空心圆)/disc(实心圆)/square(实心正方形)
3,设置表格样式的位置
list-style-position:inside(在列表里面)/outside(在列表外面)
4,简写
list-style:none(去除列表符号)
三,背景属性
1背景颜色
background-color:rgba( , , ,)注:a为透明度 范围0-1
2.,背景图片
background-image:url( 图片路径)
3,背景图片的平铺
background-repeat:no-respeat(不平铺)/repeat(默认平铺)/respeat-x(水平方向)/repeat-y(垂直方向)
4,背景图片的定位
background-position :(水平 垂直)注:可以给负值
5,背景图片的固定(附着)
background-attachment:scroll(滚动)/fixed(固定)
6,简写 background (无顺序要求)
7.背景大小
background-size 注:不能平铺