web开发 - 从零开始 - 01 - 常见样式

1.width  &  height

2.background :

　　a.background-color

　　b.background-image:url()

　　c.background-repeat : no-repeat , repeat-x , repeat-y ;

　　d.background-position : 规范顺序 x  y ；除了坐标取值外，x可取值：left/center/right；y可取值：top/center/botton;

　　e.background-attachment:fixed;

3.border :

　　a. border-width : border-top/right/bottom/left-width;

　　b. border-style (solid,dashed,dotted) ： border-top/right/bottom/left-style ;

　　c. border-color : border-top/right/bottom/left-color;

4.font :

　　a.font-size;

　　b.font-weight;

　　c.font-style;

　　d.line-height;

　　e.font-family

　　f.color;

　　g.text-indent : 首行缩进，1em = 1字符；

　　h.text-align : left/center/right;

　　i.text-decoration : 文本修饰，underline下划线 / line-through 删除 / overline 上划线 / none

　　j.letter-spacing : 字母间距，字间距

　　k.word-spacing

5.padding 内边距

6.margin  外边距