在这个博客中,主要学习内侧的空白、外侧的间隔、位置。
毛利1,内毛利垫
padding后面直接跟有四个数值时,分别表示上、右、下、左(顺时针)
p{padding:10px 10px 10px 10px; //缩写)与之等价的是
p{padding-top: 10px; //上页边距padding-right: 10px; //右内边距padding-bottom: 10px; //下边距padding-left: 10px; //左内边距(当然,这里使用像素px也可以用百分比(20 )或其他单位) em,ex表示
2、外侧距离为边距
如果边距后面直接跟有四个数字,则分别表示上、右、下、左(顺时针)
p{margin:10px 10px 10px 10px; //缩写)如果缺少左边距值,则使用右边距值。
如果没有下边界值,将使用上边界值。
如果右边界没有值,将使用上边距值
与此等价的是
p{margin-top: 10px; //上外为边距-右3360至10px; //右外侧为边距钉盒3360至10px; //下外缘为边距左边缘:至10px; //左外页边距}可以接受任意像素、英寸、毫米或em长度单位,并使用百分比
对齐1、相对对齐通过设置垂直或水平位置,相对于其起点“相对”移动此元素。 相对位置被视为常规流位置模型的一部分。 这是因为元素的位置相对于其在正常流中的位置。
#div{position:relative; left:30px; //将元素向右移动30像素top:30px; //原始位置的最上面30个像素处(2、绝对位置绝对位置,因为元素的位置与文档的流向无关,所以不会占用空间。 普通流中的其他元素的布局就像绝对放置的元素不存在一样。 绝对位置元素的位置相对于最近位置的祖先元素。
#div{position:absolute; left:30px; top:30px; }