中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

常用CSS精簡縮寫方法都有哪些

發布時間:2021-11-18 13:50:54 來源:億速云 閱讀:135 作者:柒染 欄目:web開發

這篇文章給大家介紹常用CSS精簡縮寫方法都有哪些,內容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。

熟練的運用CSS縮寫,精簡CSS代碼,可以極大提高你的CSS代碼的可讀性,這里和大家分享一下幾種常用CSS精簡縮寫方法,通過CSS縮寫可以讓你的CSS文件更小,更易讀。

常用CSS精簡縮寫方法歸納

CSS高手們經常追求CSS代碼的精煉,結構清晰,其中一個方向就是采用CSS縮寫。通過CSS縮寫可以讓你的CSS文件更小,更易讀。今天我們就歸納幾個經常使用的CSS精簡寫法。

盒子大小

這里主要用于兩個屬性:margin和padding,我們以margin為例,padding與之相同。盒子有上下左右四個方向,每個方向都有個外邊距:

示例代碼

margin-top:1px;  margin-right:1px;  margin-botton:1px;  margin-left:1px;

這四個值進行CSS縮寫的方式是:

示例代碼

margin:1px1px1px1px;

備注:縮寫的順序是上->右->下->左。順時針的方向。

如果四個空白數值相同還可以進一步縮寫:

示例代碼

margin:1px;//四個方向的邊距相同

更多的CSS縮寫方式:

示例代碼

margin:1px2px;//上下邊距都為1px,左右邊距均為2px,等同于margin:1px2px1px2px  margin:1px2px3px;//右邊距和左邊距相同,等同于margin:1px2px3px2px;  margin:1px2px1px3px;//注意,這里雖然上下邊距都為1px,但是這里不能縮寫。

邊框(border)

先介紹一下border的基本屬性:

border-width:數字+單位;
border-style:none||hidden||dashed||dotted||double||groove||inset||outset||ridge||solid;
border-color:顏色;
border可以按照width、style和color的順序簡寫:

示例代碼

border:5pxsolid#369;

備注:border默認的寬度是3px,默認的色彩是black——黑色。border的縮寫中border-style是必須的。

我們還可以針對邊的每個屬性進行精簡CSS縮寫,CSS縮寫規則類似盒子大小的縮寫,如下:

示例代碼

border-width:1px2px3px;  border-style:soliddasheddottedgroove;  border-color:redbluewhiteblack;

背景(background)

還是照例先介紹一下background的基本語法

background-color:color||#hex||RGB(%||0-255)||RGBa;  background-image:url();  background-repeat:repeat||repeat-x||repeat-y||no-repeat;  background-position:XY||(top||bottom||center)(left||right||center);  background-attachment:scroll||fixed;

background的簡寫可以大大的提高CSS的效率:

示例代碼

background:#fffurl(img.png)no-repeat00;

備注:background的簡寫也有些默認值:background:#fffurl(img.png)no-repeat00;background屬性的值不會繼承,你可以只聲明其中的一個,其它的值會被應用默認的。

關于常用CSS精簡縮寫方法都有哪些就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

措勤县| 玉山县| 潮安县| 饶阳县| 蒙阴县| 本溪市| 六盘水市| 延安市| 潮安县| 肥城市| 达日县| 南召县| 肃南| 日照市| 镇沅| 鄂尔多斯市| 两当县| 沛县| 永川市| 山西省| 青田县| 常德市| 凤冈县| 新津县| 湘西| 新闻| 德令哈市| 黔西| 阿拉尔市| 牟定县| 保山市| 章丘市| 仪征市| 崇礼县| 长海县| 特克斯县| 西吉县| 理塘县| 灌云县| 兴文县| 贵溪市|