CSS

CSS属性的简写

background

  1. background-color背景颜色
  2. background-image背景图片
  3. background-repeat背景平铺方式
  4. 写成一个 background:背景色 url(背景图片路径) 平铺方式;可以省略其中的一个也是可以的
    background: gray url(XXX/XX.png) no-repeat;
    background: url(XXX/XX.png) repeat-y;
    background: gray;

border

  1. border-width边框宽度
  2. border-style边框样式
  3. border-color边框颜色
  4. 写成一个 border:边框宽度 边框样式 边框颜色;只有边框的颜色是可以省略的,因为边框的颜色是默认为黑色。
    border: 1px solid #D3f402;
    border: 3px dashed; 

font

  1. font-style:italic;斜体
  2. font-weight:bold;加粗
  3. font-family:arial,sans-serif;字体种类
  4. font-size:20px;字体大小
  5. line-height:35px;行高
  6. 可以全部写在一起,用一个样式来表示
    font:italic bold 20px/35px arial,sana-serif,"微软雅黑";

20px是字号大小,35px是行高;arial是默认字体,后面两个是备用字体(找不到默认字体将会依次找到备用字体)。可以省略其中一些,但是要注意顺序问题。

margin

  1. margin-top上边距
  2. margin-right右边距
  3. margin-bottom下边距
  4. margin-left左边距
  5. 可以合并在一起来写
margin: 10px 15px 10px 15px;

依次表示的是上边距,右边距,下边距,左边距。四个方向都不可以省略。

margin: 10px 15px 15px;

依次表示的是上边距,左右边距,下边距。

margin: 10px 15px;

依次表示的是上下边距,左右边距。写成一个则代表上下左右四个边距。

  • padding
  1. padding-top上填充
  2. padding-right右填充
  3. padding-bottom下填充
  4. padding-left左填充
  5. 简写的方式与我们的margin也是完全一致的。如果没有写全上下左右四个的结果也与margin一致。

关于颜色

  1. color: DarkGoldenRod;
  2. color: rgb(184,134,11);
  3. color: #B8860B;

CSS

上一篇:Loadrunner 11.00录制App脚本篇(Win10)


下一篇:4.熟悉App Inventor 2编程界面