float:
元素浮動之後,周圍的元素會重新排列,為了避免這種情況,使用 clear 屬性。
clear 屬性指定元素兩側不能出現浮動元素。
**:clear:both;
overflow 屬性用於控制內容溢位元素框時顯示的方式。
position:static,relative,fixed,absolute,stickly
fixed 定位
元素的位置相對於瀏覽器視窗是固定位置
即使視窗是滾動的它也不會移動:
fixed定位使元素的位置與文件流無關,因此不佔據空間。
fixed定位的元素和其他元素重疊。
relative 定位
相對定位元素的定位是相對其正常位置。
移動相對定位元素,但它原本所佔的空間不會改變。
left top 左上角原點,向右向下正軸
right buttom 左上角原點,向左向上正軸
absolute 定位
絕對定位的元素的位置相對於最近的已定位父元素,如果元素沒有已定位的父元素,那麼它的位置相對於:
absolute 定位使元素的位置與文件流無關,因此不佔據空間。
absolute 定位的元素和其他元素重疊。
left top 左上角原點,向右向下正軸
left buttom 左下角原點,向右向上正軸
right top 右上角原點,向左向下正軸
right buttom 右下角原點,向左向上正軸
z-index屬性指定了乙個元素的堆疊順序(哪個元素應該放在前面,或後面)
css3中屬性的透明度是 opacity。
css 菜鳥筆記(ing)
我大一的css都學了些什麼?我當時在幹什麼?我現在為什麼如此 快樂 靈魂三問 看css像看天書?我崩了。接下來但凡看到乙個不會的css屬性,我就把它記下來,奧利給!1 clsss one.class two 與 class one class two 前者同級生效,後者巢狀生效 區分點在於有無空格 ...
前端菜鳥筆記 Day 5 CSS 高階
內容引用 css 選擇器 htmlh2,p.important p.warning important.warning 選擇同時擁有這兩個類名的元素 introa href a href title a href p class important warning 完全匹配的屬性內容 p class...
前端菜鳥筆記 Day 5 CSS 高階
內容引用 css 選擇器 htmlh2,p.important p.warning important.warning 選擇同時擁有這兩個類名的元素 introa href a href title a href p class important warning 完全匹配的屬性內容 p class...