实际上,我是网页设计的初学者,我在CSS中采用了保证金和头寸属性的概念。保证金和头寸之间的区别
所以,我的问题是我可以改变使用CSS属性(位置,顶部和左侧等)的元素的位置。 但我也意识到,通过增加边距和填充,我也可以改变元素的位置。但是这样好吗?
或者只是有不同的方式来改变元素的位置? 哪一个更好?
实际上,我是网页设计的初学者,我在CSS中采用了保证金和头寸属性的概念。保证金和头寸之间的区别
所以,我的问题是我可以改变使用CSS属性(位置,顶部和左侧等)的元素的位置。 但我也意识到,通过增加边距和填充,我也可以改变元素的位置。但是这样好吗?
或者只是有不同的方式来改变元素的位置? 哪一个更好?
你的问题实际上与Box-Model这是由Box-Sizing和其他属性来控制:
严格小号这些属性根据箱型来控制箱子布局。由于不是所有的部分都是明显的,特别是margin
,它可能看起来像它控制定位但没有。
保证金是:多少是从一个元件到其周围元件的最小距离
位置属性(重要的)是静态的,绝对的,固定的,相对
静态意味着没有更改为当前位置(默认)
相对意味着,从默认位置开始,元素将定位到'默认位置'偏移'
绝对意味着该元件将从流被去除,并且相对于它的非静态父元素定位
固定装置,该元件将从流中移除和相对定位到浏览器
这里是定位的参考:
https://www.w3schools.com/cssref/pr_class_position.asp
这里是CSS盒模型的参考
边距:定义元素间距w.r.t.到元素 占用区域。
填充:定义元素w.r.t.中的空格。该元素的内容 。
位置:定义元素w.r.t的位置。屏幕上显示的内容的空间为 。
在W3Schools.com试试吧。
_...是这样好吗?这只是一个副作用 –
[负边距vs相对定位]可能的重复(https://stackoverflow.com/questions/5256211/negative-margins-vs-relative-positioning) – Bhargav
要自己回答这个问题,您需要了解有两件事: - 所谓的“盒子模型”,例如: [http://www.htmldog.com - 边距和填充](http://www.htmldog.com/guides/css/beginner/margins/ ) - 定位方法,例如这里:[www.w3schools.com - CSS定位](https://www.w3schools.com/css/css_positioning.asp) –