首页 > 编程知识 正文

css对对象进行定位,css窗口定位

时间:2023-05-04 12:10:09 阅读:157809 作者:4070

在这个博客中,主要学习内侧的空白、外侧的间隔、位置。

毛利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; }

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。