一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

常用CSS縮寫語(yǔ)法總結(jié)

使用縮寫可以幫助減少你CSS文件的大小,更加容易閱讀。css縮寫的主要規(guī)則如下:

顏色

16進(jìn)制的色彩值,如果每?jī)晌坏闹迪嗤梢钥s寫一半,例如:
#000000可以縮寫為#000;#336699可以縮寫為#369;

盒尺寸

通常有下面四種書寫方法:

  • property:value1; 表示所有邊都是一個(gè)值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; 四個(gè)值依次表示top,right,bottom,left

方便的記憶方法是順時(shí)針,上右下左。具體應(yīng)用在margin和padding的例子如下:
margin:1em 0 2em 0.5em;

邊框(border)

邊框的屬性如下:

  • border-width:1px;
  • border-style:solid;
  • border-color:#000;

可以縮寫為一句:border:1px solid #000;

語(yǔ)法是border:width style color;

背景(Backgrounds)

背景的屬性如下:

  • background-color:#f00;
  • background-image:url(background.gif);
  • background-repeat:no-repeat;
  • background-attachment:fixed;
  • background-position:0 0;

可以縮寫為一句:background:#f00 url(background.gif) no-repeat fixed 0 0;

語(yǔ)法是background:color image repeat attachment position;

你可以省略其中一個(gè)或多個(gè)屬性值,如果省略,該屬性值將用瀏覽器默認(rèn)值,默認(rèn)值為:

  • color: transparent
  • image: none
  • repeat: repeat
  • attachment: scroll
  • position: 0% 0%

字體(fonts)

字體的屬性如下:

  • font-style:italic;
  • font-variant:small-caps;
  • font-weight:bold;
  • font-size:1em;
  • line-height:140%;
  • font-family:"Lucida Grande",sans-serif;

可以縮寫為一句:font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;

注意,如果你縮寫字體定義,至少要定義font-size和font-family兩個(gè)值。

列表(lists)

取消默認(rèn)的圓點(diǎn)和序號(hào)可以這樣寫list-style:none;,

list的屬性如下:

  • list-style-type:square;
  • list-style-position:inside;
  • list-style-image:url(image.gif);

可以縮寫為一句:list-style:square inside url(image.gif);

HTML/CSS技術(shù)常用CSS縮寫語(yǔ)法總結(jié),轉(zhuǎn)載需保留來(lái)源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 中文字幕一区二区日产乱码 | 国产一区国产二区国产三区 | 久九九久福利精品视频视频 | 一区二区三区网站 | 四虎国产精品永久在线播放 | 国产一区二区不卡免费观在线 | 五月停停 | 激情图片激情视频激情小说 | 九九大香尹人视频免费 | 五月婷婷之婷婷 | 色综合天天综合中文网 | 色哟哟免费在线观看 | 草草免费 | 9久久免费国产精品特黄 | 久久精品久久精品久久 | 久青草国产视频 | 国产精品一区二区三区四区 | 亚洲一二三区久久五月天婷婷 | 国产91网站在线观看免费 | 久久精品爱国产免费久久 | 1024你懂的国产精品 | 四虎现在的网址入口 | 男女性色大片免费网站 | 亚洲一区视频在线播放 | 国产日韩一区二区 | 色噜噜狠狠一区二区三区果冻 | 91精品国产91热久久p | 久久精品亚瑟全部免费观看 | v视界成人影院在线视频 | 国产级a爱做片免费观看 | 国产精品视频福利一区二区 | 欧美经典成人在观看线视频 | 色狠狠一区二区三区香蕉蜜桃 | 免费激情小视频 | 久色视频在线观看 | 色综合久久88色综合天天提莫 | 97视频久久久 | 久久久久久久久一级毛片 | 一区二区三区四区视频 | 一本色道久久88亚洲精品综合 | 国产精品社区在线观看 |