css設定透明的方法:
第一種(opacity):設定透明度,當
opacity屬性值為1的時候,不透明,當它為0的時候,背景字型全部都透明,設定範圍0~1;透明度逐漸降低。
第二種:rgba(0,0,0,』透明度』):用rgba設定背景時,只能設定背景透明,字型不能跟著透明
css清楚浮動的方法:
知道父級具體高度的時候,直接給父級設定高度
在浮動元素後面加換行標籤,
缺點:增加多餘的標籤
在浮動元素後面加乙個空標籤,給空標籤設乙個class名字,
,設定樣式:.chearbox
缺點:增加多餘的標籤
給父級設定樣式display:inline-block;
給父級設定樣式overflow(除visible)
缺點:不能設定
margin:auto
6.給父級設定元素after,::after
定位:相對定位: 相對於元素自身定位發生偏移(原有的位置仍是該元素的)
position: relative;
top--與上方拉開多少距離
right--與右邊拉開多少距離
bottom--與下方拉開多少距離
left--與左邊拉開多少距離
(相對定位不產生偏移量,對該元素沒有任何影響; 一般配合絕對定位使用)
絕對定位: 相對於離它最近的具有相對定位的父元素定位
(脫離文件流,一旦設定絕對定位,原有的地盤就沒了)
position: absolute;
top--與上方拉開多少距離
right--與右邊拉開多少距離
bottom--與下方拉開多少距離
left--與左邊拉開多少距離
固定定位: 相對於瀏覽器視窗固定(脫離文件流)
position: fixed;
top--與上方拉開多少距離
right--與右邊拉開多少距離
bottom--與下方拉開多少距離
left--與左邊拉開多少距離
CSS定位 浮動定位
css定位機制 浮動定位 float屬性 進行浮動定位 left,right clear屬性 清除浮動 left,right,both float屬性 1.概述 div實現橫向多列布局 float屬性 left 左浮動 right 右浮動 none 不浮動 下圖為 的實現 float屬性用途 在 混...
css浮動定位
請看下圖,當把框 1 向右浮動時,它脫離文件流並且向右移動,直到它的右邊緣碰到包含框的右邊緣 如果把所有三個框都向左移動,那麼框 1 向左浮動直到碰到包含框,另外兩個框向左浮動直到碰到前乙個浮動框。在 css 中,我們通過 float 屬性實現元素的浮動。浮動框旁邊的行框被縮短,從而給浮動框留出空間...
CSS浮動定位
left 左浮動,左邊沒有任何元素 right 右浮動,右邊沒有任何元素 none 不浮動 清空左右的浮動元素 both 清除左右兩邊的浮動 left和right 只清除乙個方向的浮動 none是預設值 只在需要移除一直盯的清除值時用到 如果乙個元素的子元素都浮動起來,那麼他的父元素的高度自動坍塌到...