css4(不寫3怕誤會,浮動好難啊 )

2021-07-26 06:55:06 字數 1411 閱讀 9623

浮動:元素加了浮動,會脫離文件流(是文件中可顯示物件在排列時所占用的位置),按照指定的乙個方向移動直到碰到父級的邊界或者另乙個浮動元素停止

1使塊元素在一行顯示

2使內嵌支援寬高

3不設定寬高的時候自動撐開

4脫離文件流

5提公升層級半層(乙個div是浮動的,另乙個是不浮動的,另乙個div裡面的內容會被擠下來)

clear:left right both none元素的某個方向不能有浮動

上方有乙個標籤假設是左浮動的,當前這個標籤若是不浮動就會被壓在下面,若是左浮動就會貼著前乙個標籤,若是clear:left就會在上乙個標籤的下面。

清除浮動的方法

1給浮動元素父級也加浮動,方法不好

2給浮動元素父級加inline-block,還得給父級元素的父級加上text-align:center。。。(如果要顯示在頁面正中間)

3在浮動元素下加

.clear

4在浮動元素下加

(不符合w3c標準,w3c希望3者分離)

5父級新增clear類,css為.clear:after。ie67不行。給浮動元素的父級加clear:和.clear:after就行,但是火狐不支援。極其推薦!!!

6給浮動元素父級加overflow:auto,一定配合zoom:1(我的谷歌又不行了%>_

ie67下浮動元素父級有寬度就不用清浮動,ie67下不支援after偽類

在ie6下高度小於19px的元素,高度會被當做19px來處理

解決辦法:font-size:0

對於0,1,2px,解決辦法:overflow:hidden

p:after在p段落後面加東西

overflow溢位

auto顯示滾動條 scroll沒有溢位也顯示滾動條 hidden超出之後的文字就不顯示了

本章附練習如下: 1

3.list .div2是什麼意思?

.list div

.list .div2/*list類下的div遵守上條規則,但又是div2的類,所以遵循此條?*/

css 4種定位方式

css的定位即position屬性的值有4種 static,relative,absolute,fixed。static是預設值,元素位於文件流中,正常顯示,忽略元素的top,bottom,left,right屬性。需要注意的一點是z index屬性在這個定位方式下始終為0.如果其他定位方式的漂浮元...

我們需要CSS4嗎?

詹 西蒙斯 jen simmons 在本週向css工作組提出了乙個有趣的建議 讓我們定義css 4最近,出現了很多次關於 製作的人將從css工作組正式定義 css 4 以及後來的 css 5 等中受益匪淺的情況。緊接著nicole sullivan和ppk提出了這個想法,隨後chris coyier...

CSS(4) 文字布局

文字 可以控制字型,文字大小,文字顏色,文字粗細,斜體,下 中 頂劃線。text transform 首字母或全部首字母大寫.font family 控制字形,見另一blog font size 控制字型 例如 p.f12 text decoration 實現underline 下劃線 overli...