-
相對(duì)定位 特點(diǎn)： 1.是相對(duì)于自身原有的位置進(jìn)行偏移 2.仍然處于標(biāo)準(zhǔn)文檔流中，所以會(huì)占用空間 3.擁有偏移屬性和z-index屬性查看全部
-
position屬性有3中定位形式： 1、靜態(tài)定位 2、相對(duì)定位 3、絕對(duì)定位 可設(shè)置4種屬性值： static（靜態(tài)定位） relative（相對(duì)定位） absolute（絕對(duì)定位） fixed（固定定位）查看全部
-
清除浮動(dòng)常用的方法（清除受影響的標(biāo)簽的浮動(dòng)）： 1.clear屬性：常用clear:both 或clear:left;或clear:right; 2.設(shè)置：width:100% overflow:hidden 3.不建議用空標(biāo)簽<br>清除浮動(dòng)。 [ 查看全文 ]查看全部
-
浮動(dòng)布局：實(shí)現(xiàn)橫向多列布局 通過(guò)設(shè)置float屬性：left、right、none，元素會(huì)左移、右移，直至碰到容器邊緣 設(shè)置了浮動(dòng)的元素，仍舊處于標(biāo)準(zhǔn)文檔流中 ①當(dāng)元素沒(méi)有設(shè)置寬度值，而設(shè)置了浮動(dòng)屬性，元素的寬度隨內(nèi)容的變化而變化 ②當(dāng)元素設(shè)置浮動(dòng)屬性后，會(huì)對(duì)相鄰的元素產(chǎn)生影響，相鄰元素特指緊鄰后面的元素查看全部
-
自動(dòng)居中一列布局需要設(shè)置 margin 左右值設(shè)置為 auto，而且一定要設(shè)置width為一個(gè)定值。查看全部
-
盒子模型的五層立體圖、1：border 2:content+padding 3:background-image 4:background-color 5:margin查看全部
-
position屬性的三種定位形式： 1.靜態(tài)定位：沒(méi)有使用position屬性時(shí)，位于標(biāo)準(zhǔn)文檔流中的默認(rèn)位置。 2.相對(duì)定位； 3.絕對(duì)定位。 屬性值：static、relative、absolute、fixed（屬于絕對(duì)定位）。查看全部
-
p{width:100%;overflow：hadden} p{clear:bouh;}查看全部
-
自動(dòng)居中一列布局需要設(shè)置 margin 左右值設(shè)置為 auto，而且一定要設(shè)置width為一個(gè)定值。查看全部
-
浮動(dòng)布局：實(shí)現(xiàn)橫向多列布局 通過(guò)設(shè)置float屬性：left、right、none，元素會(huì)左移、右移，直至碰到容器邊緣 設(shè)置了浮動(dòng)的元素，仍舊處于標(biāo)準(zhǔn)文檔流中 ①當(dāng)元素沒(méi)有設(shè)置寬度值，而設(shè)置了浮動(dòng)屬性，元素的寬度隨內(nèi)容的變化而變化 ②當(dāng)元素設(shè)置浮動(dòng)屬性后，會(huì)對(duì)相鄰的元素產(chǎn)生影響，相鄰元素特指緊鄰后面的元素查看全部
-
清除浮動(dòng)常用的方法（清除受影響的標(biāo)簽的浮動(dòng)）： 1.clear屬性：常用clear:both 或clear:left;或clear:right; 2.設(shè)置：width:100% overflow:hidden 3.不建議用空標(biāo)簽<br>清除浮動(dòng)。查看全部
-
標(biāo)準(zhǔn)文檔流有兩種元素：塊級(jí)元素，行級(jí)元素 塊級(jí)元素，行級(jí)元素都屬于盒子模型 1.盒子模型=網(wǎng)頁(yè)布局的基石 由4部分組成：邊框（border）、外邊距（margin）、內(nèi)邊距、（padding）、盒子中的內(nèi)容（content）。 2. 邊框（border）、外邊距（margin）、內(nèi)邊距、（padding）是盒子模型的屬性， 有四個(gè)方向，可以設(shè)定屬性值。 順時(shí)針?lè)较蛟O(shè)置，為上、右、下、左 3.三個(gè)值的屬性為： a為上、 b為左右、c為下。 兩個(gè)值的屬性為： a為上下、b為左右。 一個(gè)值的屬性為： a為上下左右。 4.優(yōu)先級(jí)，就近原則（誰(shuí)離標(biāo)簽最近誰(shuí)就優(yōu)先）， 行內(nèi)樣式（在標(biāo)簽內(nèi)）> 內(nèi)部樣式> 外部樣式 5.邊框三個(gè)屬性：邊框的粗細(xì)、樣式、顏色、每一個(gè)屬性值都要有一個(gè)空格來(lái)個(gè)開(kāi)，空格必須在英文輸入法狀態(tài)下輸入才可以，三個(gè)屬性缺一不可。 6.盒子模型的三維模式的包裹層與ps的模型一樣，分為五層： border為第一層、 content+padding為第二層、 background-image為第三層、 background-color為第四層、 margin為第五層。 7.盒子模型尺寸=邊框+外邊距+內(nèi)邊距+盒子中的內(nèi)容尺寸查看全部
-
W3C標(biāo)準(zhǔn)：由萬(wàn)維網(wǎng)聯(lián)盟制定的一系列標(biāo)準(zhǔn)，包括： 結(jié)構(gòu)化標(biāo)準(zhǔn)語(yǔ)言（HTML和XML） 表現(xiàn)標(biāo)準(zhǔn)語(yǔ)言（CSS） 行為標(biāo)準(zhǔn)語(yǔ)言（DOM和ECMAScript） 倡導(dǎo)結(jié)構(gòu)、樣式、行為分離 CSS中，存在3種的定位機(jī)制： 標(biāo)準(zhǔn)文檔流(Normal flow) 浮動(dòng)（Floats） 絕對(duì)定位（Absolute positioning） 標(biāo)準(zhǔn)文檔流的特點(diǎn)：從上到下，從左到右輸出文檔內(nèi)容 由塊級(jí)元素和行級(jí)元素組成 塊級(jí)元素特點(diǎn)：從左到右撐滿頁(yè)面，獨(dú)占一行 觸碰到頁(yè)面的邊緣時(shí)會(huì)自動(dòng)換行 常見(jiàn)塊級(jí)標(biāo)簽：div、ui、li、p 行級(jí)元素特點(diǎn)：能在同一行內(nèi)顯示，不獨(dú)占一行 不會(huì)改變HTML文檔結(jié)構(gòu) 常見(jiàn)行級(jí)標(biāo)簽：span、strong、img、input查看全部0 采集 收起 來(lái)源：網(wǎng)頁(yè)布局相關(guān)知識(shí)點(diǎn)講解——標(biāo)準(zhǔn)文檔流、塊級(jí)及行級(jí)元素等
2017-06-25
-
自動(dòng)居中：#wrap{margin:0 auto;} 在使用auto時(shí)，不能同時(shí)設(shè)置float和position，這樣auto不起作用（margin:0 auto;position:fixed;）{margin:0 auto;float:left}查看全部
-
盒子模型 1.盒子模型=網(wǎng)頁(yè)布局的基石 由4部分組成：邊框（border）、外邊距（margin）、內(nèi)邊距、（padding）、盒子中的內(nèi)容（content）。 2. 邊框（border）、外邊距（margin）、內(nèi)邊距、（padding）是盒子模型的屬性， 有四個(gè)方向，可以設(shè)定屬性值。 順時(shí)針?lè)较蛟O(shè)置，為上、右、下、左 3.三個(gè)值的屬性為： a為上、 b為左右、c為下。 兩個(gè)值的屬性為： a為上下、b為左右。 一個(gè)值的屬性為： a為上下左右。 4.優(yōu)先級(jí)，就近原則， 行內(nèi)樣式> 內(nèi)部樣式> 外部樣式 5.邊框三個(gè)屬性：邊框的粗細(xì)、樣式、顏色、每一個(gè)屬性值都要有一個(gè)空格來(lái)個(gè)開(kāi)，空格必須在英文輸入法狀態(tài)下輸入才可以，三個(gè)屬性缺一不可。 6.盒子模型的三維模式的包裹層與ps的模型一樣，分為五層： border為第一層、 content+padding為第二層、 background-image為第三層、 background-color為第四層、 marg為第五層。 7.盒子模型尺寸=邊框+外邊距+內(nèi)邊距+盒子中的內(nèi)容尺寸查看全部
舉報(bào)
0/150
提交
取消