DIV CSS樣式表的一些技巧

2021-04-19 23:56:20 字數 1055 閱讀 4632

使用css的一點心得:

1。當有兩個層巢狀時,如果內層的div是浮動的,外層的div就要設高度,否則用border屬性看看該層會發現它沒有高度。這種情況下你對外層設定背景時會發現沒有作用。 另外設外層的padding屬性也可以讓它有高度。還可以在內層設定ul dl列表,這樣外層也會跟著內層調整高度。

2。浮動的層一定要設寬度!向左浮動,可以設margin-left屬性,向右浮動可以設margin-right屬性。然而當我們還需要在垂直方向進行調整時就要特別注意:margin-top屬性的語句要在height之前。像這樣:#logo 當把height屬性放在margin-top之前時,我的圖示怎麼做都margin-top都不起作用!為此苦惱了乙個上午。

3。標題前面的小圖示

標題前面的小圖示可以用a標籤的padding屬性來設定,而且還很方便,具體如下:#node_1 a這樣子就可以在標題(標題是個a標籤可鏈結到新頁面)的左邊20px寬的地方放置乙個tag.gif圖示了,而且圖示的位置可以調整。參考background屬性。

4。關於頁面底部背景

一般都把背景的顏色的處理放在網頁底部,避免把不能重複的背景放在底部以上區域(即不放在foot層以上)。然而也有一些很特殊的情況,當頁底foot部份高度很小(比如只有30px),而的結尾處理又需要更高的高度時(比如100px)。這是乙個很苦惱的問題。我的情況是要在左邊做一條有陰影的堅條,我的做法是這樣,在center_all(主體層)下

#bodybg_left當然還有乙個前提就是center層要設高度,不設高度#body_left的高度就顯示不出來!至於center_all不設高度的情況我還不知道有什麼好的方法去實現。

5. background屬性包含在border包含的框內,所以background是將padding包含在內的。

6. ie中width屬性只是content內容的寬度,如果乙個div設了padding,又設width,它的總寬度是width+padding+border+margin.我們看到的背景的寬度是(如果設了背景的話):width+padding+border.border設了寬度的話會顯示border的顏色。也可以認為背景的寬度為:width+padding的寬度。

div css(層疊樣式表)入門

font size 30px color blue 欄目一 font size 10px color red font style italic 欄目一 font size 40px color green font weight bold 欄目一 font size 20px color pink...

Qt學習筆記 一些樣式表例子

最近做乙個qt程式,需要修改介面樣式,包括修改進度條顏色和樣式,修改按鈕樣式,在網上搜尋了一些css 由於沒有系統學習過css以及qss,在這裡只是彙總一下,有助於以後的開發需要 qt中改變qprogressbar中進度條的顏色方法如下 qprogressbar qprogressbar chunk...

css樣式表最基本的一些東西

一 樣式表有分為幾種 1.行內樣式表 例如 注 行內樣式就是修飾某個標籤,規定的樣式只對所修飾的標籤有效 這種方法比較麻煩,可以統一入在 鏈結外部樣式表是通過html的link標籤,把樣式表建立關聯 其中,rel stylesheet 表示在網頁中使用這個外部樣式表,type text css 表示...