-
css中的三種定位機(jī)制 1.標(biāo)準(zhǔn)文檔流（normal flow） 2.浮動(dòng)（floats） 3.絕對(duì)定位（Absolute positioning）查看全部0 采集 收起 來(lái)源：網(wǎng)頁(yè)布局相關(guān)知識(shí)點(diǎn)講解——標(biāo)準(zhǔn)文檔流、塊級(jí)及行級(jí)元素等
2017-07-02
-
CSS 規(guī)定的定位機(jī)制有三種，分別是標(biāo)準(zhǔn)文檔流、浮動(dòng)及絕對(duì)定位。查看全部
-
positin屬性 static 靜態(tài) relative 相對(duì) absolute 絕對(duì) fixed 固定查看全部
-
clear：both無(wú)法清除父包含塊被浮動(dòng)影響 用overflow:hidden查看全部
-
收到浮動(dòng)影響的元素清除浮動(dòng)方法一：clear：both 方法二：width：100%；overflow：hidden查看全部
-
絕對(duì)定位設(shè)置偏移量查看全部
-
從第一層到第五層依次為：border、content+padding、background-image、background-color、margin。查看全部
-
CSS 規(guī)定的定位機(jī)制有三種，分別是標(biāo)準(zhǔn)文檔流、浮動(dòng)及絕對(duì)定位。查看全部
-
第一層為border邊框 第二層為content-padding內(nèi)容與內(nèi)邊距 第三層為background-image背景圖片 第四層為background-color背景顏色 第五層為margin外邊距查看全部
-
橫向兩列布局： 使用absolute實(shí)現(xiàn)橫向兩列布局 --常用于--列固定寬度，另一列寬度自適應(yīng)的情況 主要技能：relative--父元素相對(duì)定位 absolute--自適應(yīng)寬度元素絕對(duì)定位 注意:固定適應(yīng)寬度元素列的高度>自適應(yīng)寬度的列查看全部
-
絕對(duì)定位：建立了以包含塊為基準(zhǔn)的定位 完全脫離了標(biāo)準(zhǔn)文檔流 隨即擁有偏移屬性和z-index屬性 未設(shè)置偏移量：無(wú)論是否存在已定位的祖先元素，都保持在元素初始位置 脫離了標(biāo)準(zhǔn)文檔流 偏移參照基準(zhǔn)：無(wú)已定位的祖先元素，以<html>為偏移參照基準(zhǔn) 有已定位的祖先元素，以距其最近的已定位的祖先元素為偏移參照基準(zhǔn)查看全部
-
3d模型 從上到下border content-padding background-image background-color margin查看全部
-
相對(duì)定位的特點(diǎn)： 1、相對(duì)于自身原有位置進(jìn)行偏移 2、仍處于標(biāo)準(zhǔn)文檔流中 3、隨即擁有偏移量屬性和z-indent屬性 z-indent空間的層堆疊（默認(rèn)處于x/y軸）查看全部
-
position屬性值 靜態(tài)定位static：沒(méi)有使用position屬性時(shí)，位于標(biāo)準(zhǔn)文檔流中的默認(rèn)位置。 absolute&fixed都屬于絕對(duì)定位查看全部
-
1.對(duì)頁(yè)面進(jìn)行初始化：用全局選擇器將瀏覽器的默認(rèn)添加上， 把內(nèi)填充、外填充都設(shè)置為0：*{padding:0;margin:0;}。 2.讓頁(yè)面自動(dòng)居中：#wrap{margin:0 auto;width:960px} (上下值可任意設(shè)置，左右值必須設(shè)置為auto，寬度也必須設(shè)置,（值為除了100%的其他值），不然默認(rèn)寬度會(huì)占據(jù)瀏覽器的100%)。 3. 清除浮動(dòng) 父容器沒(méi)有設(shè)置浮動(dòng)，而子元素都設(shè)置了浮動(dòng)，就無(wú)法撐開(kāi)父容器的寬度，父容易就顯示成一條直線了， 因?yàn)樽蛹?jí)設(shè)置了浮動(dòng)，因此父級(jí)元素的高度沒(méi)辦法正常擴(kuò)展， 此時(shí)設(shè)置浮動(dòng)后，父級(jí)元素和后面緊鄰的元素都會(huì)受到影響。 清除浮動(dòng)就可以解決元素浮動(dòng)帶來(lái)的影響： 但是對(duì)于父級(jí)元素受到的影響，clear:both是無(wú)效的，需用width:100%（或者固定寬度）+overflow:hidden（隱藏）的方式。 對(duì)于緊鄰后面的元素受到的影響，需用clear；both的方式。 4.div塊的高度一般不需要設(shè)置。 橫向兩列布局有兩種方式： a.兩列中均設(shè)置為左浮動(dòng)：float:left, 然后再設(shè)置margin屬性值，要保證：第一列的寬度+第二列的寬度+margin的值=父容器的寬度； b.兩列中一列設(shè)置左浮動(dòng)，一列設(shè)置右浮動(dòng)（這種方法僅限于兩列布局，對(duì)于多列則無(wú)效）；查看全部
舉報(bào)
0/150
提交
取消