您好,登錄后才能下訂單哦!
小編給大家分享一下CSS中5個簡寫小技巧,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
一:css盒子的大小,css盒子主要有兩個屬性,就是margin和padding,兩種用法也是相同的,我們都知道,盒子是立體的,并且有四個方向,每一個方向都有一個邊框,那么我們以margin為案例,代碼如下:
margin-top:2px; margin-right:3px; margin-bottom:3px; margin-left:2px;
如果你感覺以上太過于復雜,不夠簡單,你也可以這樣寫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中顏色的表示方法是采用十六進制去表示,如果出現前兩位代碼相同,就可以簡寫成一半。
四:很多學生在學習css的時候,當寫完最后一個屬性的時候,總喜歡寫上分號,其實最后一個分號是可以不寫的。
五:我們可以用fonts來表示字體,但是前提我們要對縮寫字體進行定義,分別使用font-size和font-family兩個值來表示。
以上是“CSS中5個簡寫小技巧”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。