-
標(biāo)準(zhǔn)文檔流查看全部0 采集 收起 來(lái)源:網(wǎng)頁(yè)布局相關(guān)知識(shí)點(diǎn)講解——標(biāo)準(zhǔn)文檔流、塊級(jí)及行級(jí)元素等
2017-07-10
-
在css中要使列表中的順序標(biāo)記刪除 list-style:none;查看全部
-
CSS 規(guī)定的定位機(jī)制有三種,分別是標(biāo)準(zhǔn)文檔流、浮動(dòng)及絕對(duì)定位。查看全部
-
記住 dl dt dd 的用法 我們?cè)谥谱骶W(wǎng)頁(yè)過(guò)程中用到列表時(shí)一般會(huì)使用<ul>或者<ol>標(biāo)簽,很少用刑<dl>標(biāo)簽,但是這個(gè)三個(gè)標(biāo)簽卻有著不可忽視的作用,畢竟Web標(biāo)準(zhǔn)中要盡最大可能的使用已有的標(biāo)簽。它們的用途是: < dl>< /dl>用來(lái)創(chuàng)建一個(gè)普通的列表, < dt>< /dt>用來(lái)創(chuàng)建列表中的上層項(xiàng)目, < dd>< /dd>用來(lái)創(chuàng)建列表中最下層項(xiàng)目, < dt>< /dt>和< dd>< /dd>都必須放在< dl>< /dl>標(biāo)志對(duì)之間。 以下是實(shí)例: <html> <head> <title>一個(gè)普通列表</title> </head> <body text="blue"> <dl> <dt>中國(guó)城市</dt> <dd>北京 </dd> <dd>上海 </dd> <dd>廣州 </dd> <dt>美國(guó)城市</dt> <dd>華盛頓 </dd> <dd>芝加哥 </dd> <dd>紐約 </dd> </dl> </body> </html> 我們可以看到,<dt></dt>中間的文字即時(shí)我們沒(méi)有進(jìn)行縮進(jìn)它也會(huì)向前靠攏,而<dd></dd>中間的內(nèi)容則自動(dòng)向后縮進(jìn)。查看全部
-
盒子模型的五層立體圖從第一層到第五層依次為:border、content+padding、background-image、background-color、margin。查看全部
-
橫向兩列布局 使用absolute實(shí)現(xiàn)橫向兩列布局 常用于一列固定寬度,另一列寬度,自適應(yīng)的情況 主要應(yīng)用技能: relative父元素相對(duì)定位 absolute自適應(yīng)元素絕對(duì)定位 注意:固定寬度列的高度>自適應(yīng)寬度的列查看全部
-
*{margin:0;padding:0;}的作用 * 這東西叫“通配符”用來(lái)匹配頁(yè)面上所有元素。 *{margin:0; padding:0;} 像 2L 所說(shuō),body ,ul, li ,p,h1~h6,dd,dt 等……都有默認(rèn)的margin 或padding值的,加上這句就可以刪除瀏覽器這些默認(rèn)值,方面后面的設(shè)置。(注:不是沒(méi)它不行,只是方便而已) 你加上面那句后頁(yè)面亂,那是當(dāng)然的,因?yàn)槟銢](méi)加時(shí)是基于有默認(rèn)的margin或padding 進(jìn)行設(shè)置的,去掉了默認(rèn)值,就當(dāng)然會(huì)亂了。 咋辦?一,就是不加*{margin:0; padding:0;}這條,二就是自行重新計(jì)算margin或padding值,進(jìn)行重新設(shè)計(jì) 建議第二種,畢竟為以后著想。 怎么單獨(dú)調(diào)用div.meinv用上*{margin:0; padding:0;} 直接在div.meinv后面加上就可以了。 div.meinv *{margin:0; padding:0;} 這樣的意思是:匹配 div.meinv 下所有元素的 margin 和 padding 的值均為 0 。 不過(guò),如果你在最前面加上了 *{margin:0; padding:0;} 這句,就沒(méi)必要再在 div.meinv 上加了……查看全部
-
對(duì)于父元素的影響清除就是:width:100%;overflow:hidden; 對(duì)于自己臨近的清除就是:clear:both;感謝我吧同志們查看全部
-
當(dāng)父類收到浮動(dòng)布局影響時(shí)使用overflow:hidden 如果是浮動(dòng)布局后面受影響時(shí)可以使用clear:both查看全部
-
清楚浮動(dòng)的兩種方法 1.clear屬性 常用clear:both; clear:left;或者clear:right 2.同時(shí)設(shè)置width:100%(或固定寬度)+overflow:hidden;查看全部
-
浮動(dòng)排版 float屬性 3個(gè) left左浮動(dòng) right 右浮動(dòng) none 不浮動(dòng) 特點(diǎn):元素會(huì)左移,右移或者不移動(dòng)查看全部
-
#left 和 #mid 使用了float,所以就會(huì)脫離父元素浮動(dòng),父元素框里面沒(méi)有了支撐就會(huì)縮起來(lái),所以它們的父元素 #wrap一定要overflow:hidden。否則并不會(huì)上下居中的。查看全部
-
盒子模型的立體圖層 border content+padding background-image background-color margin查看全部
-
在盒子模型中,如果默認(rèn)設(shè)置影響力了操作需要進(jìn)行初始化 *{margin:0;padding:0;}查看全部
-
w3c標(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)、樣式、行為分離查看全部0 采集 收起 來(lái)源:網(wǎng)頁(yè)布局相關(guān)知識(shí)點(diǎn)講解——標(biāo)準(zhǔn)文檔流、塊級(jí)及行級(jí)元素等
2017-07-08
舉報(bào)
0/150
提交
取消