CSS中5個簡寫小技巧

發(fā)布時間：2021-01-25 10:56:38 來源：億速云閱讀：155 作者：小新欄目：web開發(fā)

小編給大家分享一下CSS中5個簡寫小技巧，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

一：css盒子的大小，css盒子主要有兩個屬性，就是margin和padding，兩種用法也是相同的，我們都知道，盒子是立體的，并且有四個方向，每一個方向都有一個邊框，那么我們以margin為案例，代碼如下：

margin-top:2px;
margin-right:3px;
margin-bottom:3px;
margin-left:2px;

如果你感覺以上太過于復(fù)雜，不夠簡單，你也可以這樣寫margin:2px 3px 3px 2px;語法margin:top right bottom left;兩種表示方法也是一樣的。

二：邊框的屬性如下：

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

我們也可以換另外一種代碼：

border:1px solid #000;
語法 border:width style color;

三：顏色的寫法

css中顏色的表示方法是采用十六進制去表示，如果出現(xiàn)前兩位代碼相同，就可以簡寫成一半。

四：很多學(xué)生在學(xué)習(xí)css的時候，當(dāng)寫完最后一個屬性的時候，總喜歡寫上分號，其實最后一個分號是可以不寫的。

五：我們可以用fonts來表示字體，但是前提我們要對縮寫字體進行定義，分別使用font-size和font-family兩個值來表示。

以上是“CSS中5個簡寫小技巧”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

猜你喜歡