-
記一筆查看全部
-
button高度不同瀏覽器不同兼容性差，所以通常情況下用標(biāo)簽?zāi)M按鈕，把button的z-indenx：-1藏在背景色下，或者絕對(duì)定位出屏幕查看全部
-
padding負(fù)值和百分比值： 1、塊級(jí)元素可以輕松實(shí)現(xiàn)一個(gè)正方形——div{padding:50%}--垂直百分比相對(duì)于寬度計(jì)算; 2、inline水平元素的padding百分比值（有三個(gè)特點(diǎn)）： 1）同樣相對(duì)于寬度計(jì)算； 2）默認(rèn)的高度寬度細(xì)節(jié)有差異；//會(huì)讓規(guī)范中“strut”出現(xiàn)，讓高比寬更大 3）padding會(huì)斷行 inline元素padding50%也非完全正方形，會(huì)出現(xiàn)高比寬高一些，垂直方向空白幽靈節(jié)點(diǎn)即strut出現(xiàn)，可以設(shè)置font-size為0清除查看全部
-
padding畫圖實(shí)例二：白眼效果查看全部
-
padding畫圖實(shí)例一：菜單按鈕查看全部
-
使用label來聯(lián)動(dòng)button查看全部
-
inline水平元素查看全部
-
padding百分比均是相對(duì)于寬度計(jì)算的查看全部
-
padding不支持任何形式的負(fù)值查看全部
-
運(yùn)用：高度可控的分割線查看全部
-
對(duì)于inline水平元素查看全部
-
對(duì)于block水平元素查看全部
-
實(shí)際應(yīng)用--高度可控的分隔線（管道符） 三種方法 1，直接使用字符，但高度不可控，因?yàn)樽煮w不一樣嘛 2，display：inline-block控制，寬高，對(duì)齊等 3，簡(jiǎn)單方法使用內(nèi)聯(lián)的inline padding來實(shí)現(xiàn)；注意padding{16px 6px 1px},左右填充為6px,上為16px,下為1px（利用上下來控制長(zhǎng)度），左+右填充=左邊距;border-left就是分隔符查看全部
-
content-box： padding和border不被包含在定義的width和height之內(nèi)。對(duì)象的實(shí)際寬度等于設(shè)置的width值和border、padding之和，即 ( Element width = width + border + padding ) 此屬性表現(xiàn)為標(biāo)準(zhǔn)模式下的盒模型。 border-box： padding和border被包含在定義的width和height之內(nèi)。對(duì)象的實(shí)際寬度就等于設(shè)置的width值，即使定義有border和padding也不會(huì)改變對(duì)象的實(shí)際寬度，即 ( Element width = width )此屬性表現(xiàn)為怪異模式下的盒模型。在這種情況下，padding之比較小不影響尺寸，但是如果很大就會(huì)影響尺寸，視頻中有例子~查看全部
-
一般padding-left為22到25可以保證序號(hào)與下面內(nèi)容對(duì)齊查看全部
舉報(bào)
0/150
提交
取消