padding内边距
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
margin外边距
margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;
position定位
h2
{
position:absolute;/*绝对定位.绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于<html>*/
left:100px;/*距离左边距离*/
top:150px;/*距离顶部距离*/
}
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;/*设置元素堆叠顺序.what's means?*/
}
h2.pos_top
{
position:relative;/*相对定位.相对定位元素的定位是相对其正常位置。*/
top:-50px;
}
h2.pos_left
{
position:relative;
left:-20px;
}
h2.pos_right
{
position:relative;
left:20px;
}
p.pos_fixed
{
position:fixed;/*元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动:*/
top:30px;
right:5px;
}
对于z-index堆叠问题,不懂的请点这
bottom元素下边框的距离
块级元素:<div><p><h1><form><ul><li>
display:block强行修饰为块元素
内联元素:<span><a><label><strong><em>
display:inline强行修饰为内联元素