国产精品无码av有声小说-天堂av2024-久久国产剧情-午夜视频一区-国内自拍xxxx18-男女啪啪免费-在线国产福利-中文字幕在线三区-天天艹日日干-色眯眯视频-天天干天天操天天爱-性欧美丰满熟妇xxxx性久久久-精品国产一区二区在线-污视频网站免费在线观看-98久久久-日日夜夜爽爽-乌克兰性欧美精品高清

歡迎來(lái)到酷云建站平臺(tái),全網(wǎng)營(yíng)銷(xiāo)云系統(tǒng)加盟中心!

海量企業(yè)網(wǎng)站模板 · 任您選擇

美出特色,精出品質(zhì),一切為了企業(yè)更好的營(yíng)銷(xiāo)

隱藏側(cè)欄
Beta
轉(zhuǎn)載

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

       建站經(jīng)驗(yàn)     2016-02-23     eycms     88     0    

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

顏色

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

盒尺寸

通常有下面四種書(shū)寫(xiě)方法:

  • 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;

可以縮寫(xiě)為一句: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;

可以縮寫(xiě)為一句: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;

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

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

列表(lists)

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

list的屬性如下:

  • list-style-type:square;

  • list-style-position:inside;

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


--結(jié)束END--

本文鏈接: http://m.sh-linbin.cn/station/experience/1367.html (轉(zhuǎn)載時(shí)請(qǐng)注明來(lái)源鏈接)

 
本文標(biāo)簽: 全部

下班PC閱讀不方便?

手機(jī)也可以隨時(shí)學(xué)習(xí)開(kāi)發(fā)

微信關(guān)注公眾號(hào)“酷云”
"酷云平臺(tái)前端開(kāi)發(fā)教學(xué)"
每日干貨技術(shù)分享
 

×

成為 酷云平臺(tái) 代理商!

關(guān)注

微信
關(guān)注

微信掃一掃
獲取最新優(yōu)惠信息

酷云平臺(tái)公眾號(hào)

客服

聯(lián)系
客服

很高興為您服務(wù)
尊敬的用戶,歡迎您咨詢,我們?yōu)樾掠脩魷?zhǔn)備了優(yōu)惠好禮。 咨詢客服

聯(lián)系客服:

在線QQ: 3206174

客服電話: 0516-83703228

售前咨詢 售后服務(wù)
在線交談 智能小云

工作時(shí)間:

周一至周五: 09:00 - 17:00

WAP

手機(jī)
訪問(wèn)

移動(dòng)端訪問(wèn)
手機(jī)上也能選模板

酷云平臺(tái)手機(jī)端

保靖县| 九台市| 武城县| 齐齐哈尔市| 中宁县| 武隆县| 西林县| 阿城市| 旬阳县| 寿宁县| 高清| 霞浦县| 绵竹市| 五大连池市| 彭水| 盐城市| 广州市| 威信县| 集贤县| 新邵县| 新源县| 无为县| 隆昌县| 清原| 沁源县| 龙游县| 五河县| 卢湾区| 海宁市| 西平县| 兴海县| 顺平县| 隆尧县| 吉木乃县| 论坛| 水城县| 白水县| 吉隆县| 视频| 高雄市| 禄丰县|