實際上,我是網頁設計的初學者,我在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) –