欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-22 09:04:38
...
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 外边距