1、 padding的屬性值,style如何設(shè)置右邊距?
style通過margin-right設(shè)置右邊距屬性值,padding-right設(shè)置右內(nèi)邊距。
2、 margin和padding是什么意思?
margin 是外邊距 padding是內(nèi)邊距 這兩個屬性都包括四個部分:上、右、下、左 margin跟padding是很常見的屬性,瀏覽器都兼容的 所以缺點沒有, 只是在IE6里 float跟margin并存的時候,有可能margin的值在IE6會被解析雙倍,比如margin:5px; 到了IE6解析成margin:10px; 還有很重要的一點,做網(wǎng)站時,整個頁面都需要調(diào)用的樣式表最頂部都要寫上margin:0; padding:0; 目的是讓這兩個屬性的值都默認(rèn)為0; 否則火狐瀏覽器上會默認(rèn)padding的值為20px; IE則相反的默認(rèn)margin為20px; 具體是多少像素我忘記了 只是給你做個比方
3、 元素與元素之間的距離?
1.外邊距的合并情況
1.外邊距
1.垂直方向上的外邊距,會發(fā)生合并,去較大的值。
2.水平方向上的外邊距,會發(fā)生疊加,元素之間的距離較大。
3.為子元素添加距上的外邊框,作用域父元素上:
解決辦法:
1.在父元素設(shè)置上邊距(可以使用透明色)
2.為父元素天機頂部的內(nèi)邊距padding-top:0.1px;
2.內(nèi)邊距
1.元素內(nèi)容與元素邊框之間的距離,稱為內(nèi)邊距。
2.屬性:padding
取值:像素值或百分比
1.padding:10px;設(shè)置上右下左四個方向的內(nèi)邊距
2.padding:10px 20px;設(shè)置上下邊距為10px,左右內(nèi)邊距為20px
3.padding:10px 20px 30px;設(shè)置上下邊距分別為10px 30px,左右內(nèi)邊距為20px
4.padding:10px 20px 30px 40px;設(shè)置上右下左分別為設(shè)置的值
3.單方向內(nèi)邊距的設(shè)置
1.屬性:
padding-top:內(nèi)容與元素頂部邊框之間的距離
padding-right:內(nèi)容與元素右邊框之間的距離
padding-bottom:內(nèi)容與元素底部邊框之間的距離
padding-left:內(nèi)容與元素左邊框之間的距離
4.默認(rèn)帶有內(nèi)邊距的元素
ol ul input td 。。。
5.清除瀏覽器默認(rèn)內(nèi)外邊距
body,h1,h2,h3,h4,h5,h6,p,ul,ol{
margin:0;
padding:0;
}
4、 html標(biāo)簽的屬性值要不要單位?
答案是不需要單位的。
原因是因為html為每個屬性值都設(shè)置有默認(rèn)單位,一般設(shè)置的默認(rèn)單位是px。
比如width屬性和heu屬性,還有margin屬性和padding屬性的默認(rèn)單位都是px,當(dāng)然如果你設(shè)置了單位,那么瀏覽器就按照設(shè)置的單位來進(jìn)行計算。