css margin什么意思 網頁制作margin什么意思

大家好，今天給各位分享css的一些知識，其中也會對網頁制作margin什么意思進行解釋，文章篇幅可能偏長，如果能碰巧解決你現在面臨的問題，別忘了關注本站，現在就馬上開始吧！

網頁css代碼的margin:0 auto是什么意思

CSSmargin屬性定義和用法margin簡寫屬性在一個聲明中設置所有外邊距屬性。該屬性可以有1到4個值（后面詳細介紹）。margin:0auto上面的代碼值設置了兩個值，那么第一個值就是元素的上下邊距，第二個值就是左右邊距。當元素的定義了width屬性時，auto還能實現居中的效果。說明這個簡寫屬性設置一個元素所有外邊距的寬度，或者設置各邊上外邊距的寬度。塊級元素的垂直相鄰外邊距會合并，而行內元素實際上不占上下外邊距。行內元素的的左右外邊距不會合并。同樣地，浮動元素的外邊距也不會合并。允許指定負的外邊距值，不過使用時要小心。注釋：允許使用負值。例子1margin:10px5px15px20px;/*上外邊距是10px右外邊距是5px下外邊距是15px左外邊距是20px*/例子2margin:10px5px15px;/*上外邊距是10px右外邊距和左外邊距是5px下外邊距是15px*/例子3margin:10px5px;/*上外邊距和下外邊距是10px右外邊距和左外邊距是5px%/例子4margin:10px;/%所有4個外邊距都是10px%/可能的值

css中padding和margin的區別和使用

1、margin是指從元素自身邊框到另一個元素邊框之間的距離，就是容器之外距離。而padding是指元素自身邊框到自身內部另一個元素邊框之間的距離，就是容器內距離。好比你的屋子作為目標元素，屋外的東西和屋子的距離用margin，屋內的東西和屋子的距離用padding

2、padding的用法：1、padding:10px20px30px40px;上、右、下、左內邊距2、padding-left:10px;左內邊距3、padding-right:10px;右內邊距4、padding-top:10px;上內邊距5、padding-bottom:10px;下內邊距6、padding：10px;四邊統一內邊距

3、margin的用法：1、margin:10px20px30px40px;上、右、下、左外邊距2、margin-left:10px;左外邊距3、margin-right:10px;右外邊距4、margin-top:10px;上外邊距5、margin-bottom:10px;下外邊距6、margin:10px;四邊統一外邊距

css的margin為負值的時候為什么列表的第一行也會向上移動

其實你把ul和li都加上背景色就能看出端倪來的：如果li的margin-top是正值（為了看得明白些，我用的是10px），是這樣的：紅色部分是ul，藍色則是li，最上面的黃色部分則是第一個li的margin-top（也就是10px），它是凸出在ul的外面的，這也就是說，如果margin-top是正值，則第一個li的位置會保持不變，從第二個li開始才是逐漸向下拉伸的（值得一提的是：如果li的margin-top大于ul的margin-top，則ul會以li的margin-top作為基準向下推，這時候第一個li就不會保持位置不變了）。

而當li的margin-top是負值時（比方說-10px），情況就不是這樣了，第一個li會向上移動10px，而第二個li則移動20px，依此類推，連帶著整個ul也會向上移動10px。

CSS里面的屬性margin-right:auto; margin-left:auto;是什么意思。還有line-height是什么意思

margin-right:auto;margin-left:auto;

auto代表樣式自動適應；margin代表邊距，margin-right:auto和margin-left:auto意思是左右邊距自動適應；

line-height表示每行行高，也可理解為行間距

關于css的內容到此結束，希望對大家有所幫助。