CSS DIV技巧有哪些

本篇內容主要講解“CSS DIV技巧有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“CSS DIV技巧有哪些”吧!

　　CSS首先需要了解塊級元素（blockelement）。每個塊級元素都默認占用一行，在同一行只能添加一個塊元素（float除外）。塊級元素一般可以嵌套塊級元素或者行內元素，如使用CSSDIV布局。

　　CSSDIV技巧有什么

　　當我們寫字體樣式的時候，我們也許會這樣子寫

　　font-size:1em;

　　line-height:1.5em;

　　font-weight:bold;

　　font-style:italic;

　　font-variant:small-caps;

　　font-family:verdana,serif

　　其實，這樣寫是完全多余的，我可以只用font來寫就OK了。

　　比如：

　　font:1em/1.5embolditalicsmall-capsverdana,serif

　　把幾個class屬性寫在一起。-TOP

　　通常情況寫，屬性里面的class只有一個值，但這并不是意外著你只能給它

　　賦一個class名，我們可以賦2個以上。比如

　　<pclass="textside">...</p>

　　不過，需要注意的是，class里面是用空格把他們分開來的，而不是“，”，這點需要注意一下。這樣運用了，那么text和side的class就會運用到p元素中。

　　CSSDIV技巧怎么樣

　　CSS的border的默認值-TOP

　　border也就是邊框的值，我在做項目開發的時候，很習慣的做法是：

　　border:1pxsolidred;

　　第一個指的是框的大小，第二個是指樣式，第三個是指顏色。不過，這里3個并非都是必須要的，必須要用的是border的樣式。其余2個有默認值。

　　比如，你這樣寫：

　　border:solid

　　如果你這樣寫了，那么默認值第一個大小的默認值是：medium(相對于3px或4px左右)以及顏色指的是文本里面的顏色。

　　!important在IE中會被忽視-TOP

　　因為瀏覽器之間的不兼容性，我們在寫css的時候，為了保證網站能在各個

　　瀏覽器之間保持兼容性，所以我們需要使用!important這個屬性。

　　如果你在css使用了這個，那么它的優先級會比和它同名屬性的優先級高。

　　這個是給除了給IE以外的瀏覽器用的。

　　比如

　　margin-top:3.5em!important;margin-top:2em

　　上面指的是，除IE之外的瀏覽器是3.5em，而IE是2em。這個很有用。

到此，相信大家對“CSS DIV技巧有哪些”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！