margin和padding
margin是指從自身邊框到另一個(gè)容器邊框之間的距離萄窜,就是容器外距離圣勒;即外邊距膝迎。
padding是指自身邊框到自身內(nèi)部另一個(gè)容器邊框之間的距離盆色,就是容器內(nèi)距離灰蛙;即內(nèi)邊距。
margin和padding的區(qū)別
margin是盒子的外邊距隔躲,即盒子與盒子之間的距離摩梧,而padding是內(nèi)邊距,是盒子的邊與盒子內(nèi)部元素的距離宣旱。
(margin是用來隔開元素與元素的間距仅父;padding是用來隔開元素與內(nèi)容的間隔。margin用于布局,可以分開元素笙纤,使元素與元素互不相干耗溜;padding用于設(shè)置元素與內(nèi)容之間的間隔,讓內(nèi)容(文字)與(包裹)元素之間有一段“呼吸距離”省容。)
語法結(jié)構(gòu)
(1)padding-left:10px; /margin-left:10px; 左內(nèi)/外邊距
(2)padding-right:10px; /margin-right:10px; 右內(nèi)/外邊距
(3)padding-top:10px; /margin-top:10px; 上內(nèi)/外邊距
(4)padding-bottom:10px; /margin-bottom:10px; 下內(nèi)/外邊距
(5)padding:10px;/ margin:10px; 四邊統(tǒng)一內(nèi)/外邊距
(6)padding:10px 20px; /margin:10px 20px; 上下抖拴、左右內(nèi)/外邊距
(7)padding:10px 20px 30px;/margin:10px 20px 30px; 上、左右腥椒、下內(nèi)/外邊距
(8)padding:10px 20px 30px 40px;/margin:10px 20px 30px 40px; 上阿宅、右、下笼蛛、左內(nèi)/外邊距