Div CSS布局的十六條技巧及詳細用法

2021-05-22 13:47:10 字數 1053 閱讀 1489

1、ie分不清繼承關係和父子關係的差別,全部都是繼承關係。

2、在給你的標籤瘋狂加選擇符的時候,別忘了在css裡給選擇符加上注釋。等你以後修改你的css的時候就知道為什麼要這麼做了。另外提醒您,不要太瘋狂了。

3、如果你給乙個標籤設定了乙個深色調的背景和亮色調的文字效果。建議這個時候給你的標籤再設定乙個深色調的背景顏色。因為丟失了,也可以保持文字的可讀性。

5、與內容無關的請使用background.時刻記住表現與內容分離。

6、定義顏色可以縮寫#8899ff=#89f

7、ul標籤在mozilla中預設是有padding值的,而在ie中只有margin有值。

8、同乙個的class選擇符可以在乙個文件中重複出現,而id選擇符卻只能出現一次。對乙個標籤同時使用class和id進行css定義,如果定義有重複,id選擇符做的定義有效,是因為id的權重要比class大。

10、如果一組要巢狀的標籤之間需要些間距的話,那就留給位於裡面的標籤的margin屬性吧,而不要去定義位於外面的標籤的padding

11、li標籤前面的圖示推薦使用background-image,而不是list-style-image.

12、絕對定位時使用margin值定位可以達到相對於本身所在位置的定,這與top,left等屬性相對與視窗邊緣的定位不同。絕對定位的優勢在於可以讓其它元素忽略它的存在。

13、如果文字過長,則將過長的部分變成省略號顯示:ie5,ff無效,但可以隱藏,ie6有效div style=「width:120px;height:50px;border:1px solid blue;overflow:hidden;text-overflow:ellipsis」

14、table在某些方面還是有用武之地的,在遇到內容為資料**時,不要對它產生憎恨的心理。

15、完美的單象素外框線**(在ie5、ie6、ie7及ff1.0.4以上中均可通過測試) 

table td

16、margin取負值可以在標籤使用絕對定位的時候起到相對定位的作用,在頁面居中顯示時,使用絕對定位的層不適合使用left:xxpx這個屬性。把這個層放到乙個要相對定位的標籤旁,然後使用margin的負值是個好方法。

DIV CSS布局的一則技巧

我們知道,div css的布局模式是現在廣泛採用的網頁布局方法。預設的,新建div標籤總是另起一行。這就產生了乙個問題,即如何使兩個div標籤並列,這樣的布局在實際工作中是比較基本和重要的。假如我們將id分別為side和content的兩個div塊左右排列。在css檔案中,假如左邊div的css這樣...

DIV CSS網頁布局實用技巧

1 最小高度 min height 100px 高度最小值設定為 100px height auto important 相容ff,ie7也支援 important標籤 height 100px 相容ie6 2 的意思 將ie8使用ie7進行渲染,使 在ie8上顯示正常 x ua compatibl...

DIV CSS網頁布局常用的方法與技巧

css布局常用的方法 float none left right 取值 none 預設值。物件不飄浮 left 文字流向物件的右邊 right 文字流向物件的左邊 它是怎樣工作的,看個一行兩列的例子 xhtml 程式 1 這裡是第一列 這裡是第二列 這是違背web標準意圖的,只是想說明在它下面的元素...