好程序员web前端分享css常用属性缩写

  • 时间:
  • 浏览:2

  repeat: repeat

  字体(fonts)

  line-height:140%;

  font-size:1em;

  2. 之后是 font-size;

  image: none

3.

  background-color:#f00;

  语法是background:color image repeat attachment position;

4.

  list-style-image:url(image.gif);

  list的属性如下:

  font-style:italic;

5.

  缩为一句:border:1px solid #000;

  退还默认的圆点和序号还还能不能 曾经写list-style:none;

  list-style-position:inside;

1.

  背景(Backgrounds)

  background-repeat:no-repeat;

  attachment: scroll

4.

  background-image:url(background.gif);

1.

  1. font-weight、font-style、font-variant 不分先后;

  字体的属性如下:

3.

1.

  border-color:#000;

  font-variant:small-caps;

  你还还能不能 省略其中曾经或多个属性值,由于省略,该属性值将用浏览器默认值,默认值为:

好进程员web前端分享css常用属性缩写,使用缩写还还能不能 帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下:

  颜色

  16进制的色彩值,由于每两位的值相同,还还能不能 缩写一半,之类:

  #000000还还能不能 缩写为#000;#336699还还能不能 缩写为#369;

  盒尺寸

  通常有下面之类书写土方式:

  property:value1; 表示所有边都在 曾经值value1;

  property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2

  property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是value3

  property:value1 value2 value3 value4;

  二个值依次表示top,right,bottom,left

  方便的记忆土方式是顺时针,上右下左。具体应用在margin和padding的例子如下:

  margin:1em 0 2em 0.5em;

 边框(border)

 边框的属性如下:

  border-width:1px;

1.

2.

  position: 0% 0%

2.

  缩为一句:background:#f00 url(background.gif) no-repeat fixed 0 0;

  注意,由于你缩写字体定义,大慨要定义font-size和font-family曾经值。

1.

  语法是border:width style color;

  list-style-type:square;

  color: transparent

2.

  background-attachment:fixed;

  font-family:"Lucida Grande",sans-serif;

  还还能不能 缩写为一句:font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;

  background-position:0 0;

  font-weight:bold;

4.

2.

  规则一:还还能不能 声明 font-size 和 font-family 的值。 规则二:所有值还还能不能 按如下顺序声明。

  背景的属性如下:

  列表(lists)

  3. 最后是 font-family。

  还还能不能 缩写为一句:list-style:square inside url(image.gif);

  border-style:solid;

2.

3.