-
CSS 規(guī)定的定位機(jī)制有三種,分別是標(biāo)準(zhǔn)文檔流、浮動(dòng)及絕對(duì)定位。查看全部
-
CSS 規(guī)定的定位機(jī)制有三種,分別是標(biāo)準(zhǔn)文檔流、浮動(dòng)及絕對(duì)定位。查看全部
-
標(biāo)準(zhǔn)文檔流 特點(diǎn): 從上到下,從左到右,輸出文檔內(nèi)容 由塊級(jí)元素和行級(jí)元素組成查看全部0 采集 收起 來(lái)源:網(wǎng)頁(yè)布局相關(guān)知識(shí)點(diǎn)講解——標(biāo)準(zhǔn)文檔流、塊級(jí)及行級(jí)元素等
2017-06-26
-
簡(jiǎn)寫時(shí),屬性少了一個(gè)顯示不出來(lái)查看全部
-
父容器沒有設(shè)置浮動(dòng),而子元素都設(shè)置了浮動(dòng),就無(wú)法撐開父容易的寬度,父容易就顯示成一條直線了。清除浮動(dòng)就可以解決子元素浮動(dòng)帶來(lái)的影響。clear:both是無(wú)效的,他只對(duì)于緊鄰后面的元素有效果。需要使用overflow:hidden;查看全部
-
清除浮動(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)元素沒有設(shè)置寬度值,而設(shè)置了浮動(dòng)屬性,元素的寬度隨內(nèi)容的變化而變化 ②當(dāng)元素設(shè)置浮動(dòng)屬性后,會(huì)對(duì)相鄰的元素產(chǎn)生影響,相鄰元素特指緊鄰后面的元素查看全部
-
子級(jí)的寬度以父包含塊寬度為準(zhǔn)自適應(yīng):設(shè)置父級(jí)寬度為固定像素,設(shè)置子級(jí)寬度為100%。查看全部
-
在使用auto時(shí),不能同時(shí)設(shè)置float和position,這樣auto不起作用(margin:0 auto;position:fixed;){margin:0 auto;float:left}查看全部
-
設(shè)置內(nèi)邊距:padding: 設(shè)置邊框:border: 實(shí)線:solid 設(shè)置外邊距:margin:查看全部
-
標(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è)開,空格必須在英文輸入法狀態(tài)下輸入才可以,三個(gè)屬性缺一不可。 6.盒子模型的三維模式的包裹層與ps的模型一樣,分為五層: border為第一層、 content+padding為第二層、 background-image為第三層、 background-color為第四層、 margin為第五層。 7.盒子模型尺寸=邊框+外邊距+內(nèi)邊距+盒子中的內(nèi)容尺寸查看全部
-
由萬(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)查看全部0 采集 收起 來(lái)源:網(wǎng)頁(yè)布局相關(guān)知識(shí)點(diǎn)講解——標(biāo)準(zhǔn)文檔流、塊級(jí)及行級(jí)元素等
2017-06-26
-
靜態(tài)定位static是position屬性的默認(rèn)值,它表示塊保留在原本應(yīng)該在的位置,不會(huì)重新定位(也就是父元素沒有定位)查看全部
-
拿來(lái)復(fù)習(xí)查看全部
-
當(dāng)元素設(shè)置為絕對(duì)定位后,元素也會(huì) 多出兩類屬性:偏移量屬性 和 Z-index屬性 不同的是: 1.該元素已經(jīng)脫離了標(biāo)準(zhǔn)文檔流(不占位) 2.建立的定位基準(zhǔn)不是該元素的原來(lái)位置,而是分兩種情況 2.1:沒有設(shè)置偏移量:無(wú)論是否存在已定位的祖先元素,都保持在元素初始位置,脫離文檔流,寬度塌陷(隨內(nèi)容變化而變化) 2.2:設(shè)置了偏移量:又分兩種情況(A.無(wú)已定位的祖先元素 B.有已定位的祖先元素) A.無(wú)已定位的祖先元素:它會(huì)以根節(jié)點(diǎn)(<html>)為偏移參照基準(zhǔn) B.有已定位的祖先元素:它會(huì)以距其最近的已定位祖先元素為偏移參照基準(zhǔn) 絕對(duì)定位不在文檔流中(不會(huì)占位置,寬度及長(zhǎng)度顯示隨內(nèi)容增減而增減查看全部
舉報(bào)
0/150
提交
取消