2017-10-04 47 views
0

實際上,我是網頁設計的初學者,我在CSS中採用了保證金和頭寸屬性的概念。保證金和頭寸之間的區別

所以,我的問題是我可以改變使用CSS屬性(位置,頂部和左側等)的元素的位置。 但我也意識到,通過增加邊距和填充,我也可以改變元素的位置。但是這樣好嗎?

或者只是有不同的方式來改變元素的位置? 哪一個更好?

+0

_...是這樣好嗎?這只是一個副作用 –

+0

[負邊距vs相對定位]可能的重複(https://stackoverflow.com/questions/5256211/negative-margins-vs-relative-positioning) – Bhargav

+0

要自己回答這個問題,您需要了解有兩件事: - 所謂的「盒子模型」,例如: [http://www.htmldog.com - 邊距和填充](http://www.htmldog.com/guides/css/beginner/margins/ ) - 定位方法,例如這裏:[www.w3schools.com - CSS定位](https://www.w3schools.com/css/css_positioning.asp) –

回答

-1

你的問題實際上與Box-Model這是由Box-Sizing和其他屬性來控制:

  1. padding
  2. margin
  3. box-sizing
  4. border

嚴格小號這些屬性根據箱型來控制箱子佈局。由於不是所有的部分都是明顯的,特別是margin,它可能看起來像它控制定位但沒有。

0

保證金是:多少是從一個元件到其周圍元件的最小距離


位置屬性(重要的)是靜態的,絕對的,固定的,相對

靜態意味着沒有更改爲當前位置(默認)

相對意味着,從默認位置開始,元素將定位到'默認位置'偏移'

絕對意味着該元件將從流被去除,並且相對於它的非靜態父元素定位

固定裝置,該元件將從流中移除和相對定位到瀏覽器


這裏是定位的參考:

https://www.w3schools.com/cssref/pr_class_position.asp

這裏是CSS盒模型的參考

https://www.w3schools.com/css/css_boxmodel.asp

-2

邊距:定義元素間距w.r.t.到元素 佔用區域。

填充:定義元素w.r.t.中的空格。該元素的內容 。

位置:定義元素w.r.t的位置。屏幕上顯示的內容的空間爲 。

在W3Schools.com試試吧。