CSS核心屬性 浮動屬性

2021-10-05 14:51:52 字數 542 閱讀 8602

float:定義網頁中其他文字如何環繞該元素

語法:說明:

left:元素活動浮動在文字左面

right:元素浮動在右面

none:預設值,不浮動

特點:1.div塊元素失去「塊狀」換行顯示特徵,變為行內元素

2.緊貼上乙個浮動元素(同方向)或父級元素得邊框。如寬度不夠將換行顯示

3.佔據行內元素的空間,導致行內元素圍繞顯示

例:clear:規定元素的哪一側不允許其他浮動元素

屬性值:

none:預設值。允許浮動元素出現在兩側

both:在左右兩側均不允許浮動元素

left:在左側不允許浮動元素

right:在右側不允許浮動元素

解決高度塌陷

1.給父元素新增宣告:overflow:hidden

2.在浮動元素下方新增空div,並給元素新增宣告:clear:both;height:0;overflow:hidden(或font-size:0;)

例:

css浮動屬性 和其他核心屬性

文字字型屬性 為了減少系統間的差異,99年明確16px ppi為標準字型大小,1em預設 16px em根據父元素值確定。eg font size 12px line height 2em 24px 絕對大小關鍵字 字型型別 中文預設為宋體或新宋體 英文預設arial 文字顏色 gbb ggba e...

CSS屬性 背景屬性 or 浮動屬性

background color red background image url background repeat no repeat repeat repeat x repeat y background position 水平位置 垂直位置 可以給負值 background attachme...

浮動屬性CSS

這是第1個盒子 這是第2個盒子 這是第3個盒子 這是乙個div1 這是乙個div2 這是乙個span1 這是乙個span2 浮動的盒子可以向左浮動,也可以向右浮動,直到它的外邊緣碰到包含框或另乙個浮動盒子為止。本網頁中共有三個,分別代表日用品 圖書和鞋子。這裡使用這三個和本段文本來演示講解浮動在網頁...