CSS學習筆記(四)

2021-08-24 21:35:26 字數 637 閱讀 5127

[b][color=darkred][align=center]背景[/align][/color][/b][color=red]background-color:[/color]

背景為透明(transparent)、背景顏色與字型color類似

例:[color=red]background-image:url()[/color]例:p

url中路徑也可用雙引號引起來

[color=red]background-repeat:背景圖重複[/color]

no-repeat:不重複

repeat:重複平鋪影象

repeat-x:水平方向上重複平鋪影象

repeat-y:垂直方向上重複平鋪影象

[color=red]background-attachment:背景圖是否跟著內容的移動而移動[/color]fixed:固定背景影象

scroll:影象跟著內容的移動而移動

[color=red]background-position:背景影象的位置[/color]

水平位置:left(背景圖距元素左邊距)、center、right

垂直位置:top、center、bottom

[color=red]背景屬性的簡化:background[/color]p

CSS學習筆記 四

ie與firfox的差異或bug 子元素的上下外邊界問題 ff 在父元素沒有定義高度時 貌似定義了高度也不行 子元素的上下外邊界和父元素上下外邊界疊加,並且顯示在父元素外面。解決方法 給父元素定義內邊距或邊框 雙邊距bug ie ie6或更早的版本有時會把已經應用到浮動元素的乙個邊距尺寸翻倍。只有當...

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 所有的內聯元素都從左到右水平分布顯示 那麼問題來了,如果我們想...