CSS學習筆記 四

2021-08-24 23:52:15 字數 892 閱讀 3539

ie與firfox的差異或bug

子元素的上下外邊界問題 (ff)

在父元素沒有定義高度時(貌似定義了高度也不行),子元素的上下外邊界和父元素上下外邊界疊加,並且顯示在父元素外面。

解決方法

: 給父元素定義內邊距或邊框

雙邊距bug(ie)

ie6或更早的版本有時會把已經應用到浮動元素的乙個邊距尺寸翻倍。只有當邊距與浮動在同一方向時才會出現這個問題 ——向左浮動的元素上的乙個左邊距或者向右浮動的元素上的乙個右邊距。

解決方法

:在浮動元素的樣式中加入display:inine;

ie中的iframe與ff的區別

在ff中iframe是透明的,在ie中iframe是不透明的。

解決方法:

在屬性中新增:

allowtransparency="true" style="background-color=transparent"

定義乙個沒有寬度和高度的div時,ie會有一定的空間佔位,但ff不會

ie6的最小高度問題用font-size:1px;來解決

ie的條件注釋

ie的hack

property:value; /* 所有ie瀏覽器

*/ +property:value; /* ie7 */

_property:value; /* ie6 */

CSS學習筆記(四)

b color darkred align center 背景 align color b color red background color color 背景為透明 transparent 背景顏色與字型color類似 例 color red background image url color...

CSS學習筆記(四)

1.color 文字顏色 color屬性用於定義文字的顏色,其取值方式有如下3種 1 預定義的顏色值,如red,green,blue等。2 十六進製制,如 ff0000,ff6600,29d794等。實際工作中,十六進製制是最常用的定義顏色的方式。3 rgb 如紅色可以表示為rgb 255,0,0 ...

CSS學習筆記(四) CSS布局

css有三種布局模式 1 流動模式 flow 2 浮動模式 float 3 層模式 layer 流動模式 網頁布局在預設情況下,都是流動模式布局。1 在流動模式下,所有的塊狀元素寬度都為100 即預設情況下,所有的塊狀元素都佔據一行 2 所有的內聯元素都從左到右水平分布顯示 那麼問題來了,如果我們想...