一、盒模型
css中盒子模型屬性：(content)、填充(padding)、邊框(border)、邊界(margin)。
1.margin
a.為margin-width指定乙個值
margin: margin-top（上）/margin-right（右）/margin-bottom（下）/margin-left（左）;
b.所有邊外邊距全部為12px
等價於下面的定義
c.為margin-width指定兩個值
margin: margin-top/margin-bottom(上下) margin-right/margin-left（右左）;
上下邊外邊距是12px,左右邊外邊距是20px(相對於整個頁面)
等價於下面的定義
d.為margin-width指定三個值
margin: margin-top(上) margin-right/margin-left（右左） margin-bottom（下）;
上邊外邊距是12px,左右邊外邊距是20px(相對於整個頁面),下邊外邊距是0
等價於下面的定義
e.如果margin屬性後面跟隨四個值,那麼值的分配順序是從上面開始以順時針旋轉分配
2.padding
padding（填充）屬性定義元素邊框與元素內容之間的空間。
屬性值和margin相同
padding:10px; 意思是上下左右值全是10px
padding:5px 10px; 意思是上下為5px，左右為10px;
padding:1px 2px 3px 4px; 這個寫法意思是：上為1px，右為2px，下為3px，左為4px
padding:5px 10px 7px; 這種寫法意思是：上為5px，左右為10px，下為7px
（注意：padding後面4個值定義的順序分別為：上 右 下 左）
塊級元素設定margin時，上下margin以最大的那個為標準顯示,巢狀盒子中，子元素與父元素的margin會合併。
二、樣式繼承
能夠繼承的樣式
a.文字樣式
font-family, font-size, font-style,font-variant, font-weight, font
b.文字樣式
letter-spacing,line-height，text-align, text-indent, text-transform,word-spacing
c.列表和**樣式
list-style-image, list-style-position,list-style-type, list-style
d.color屬性
css盒子模型和樣式更改
取自菜鳥教程 margin 外邊距，多個盒子排列時外邊距取較大的那乙個，並不是相加 border 邊框 padding 內邊距 content 內容 這個基礎應用直接放 了哦 box1 下面這種寫法只需要記住，順序為從上開始順時針旋轉就可以了 box2 也可以分開寫，等價於box2 box3 預設情...
CSS 理解盒子模型
什麼是盒子模型？對於初學者來說，很難說出來，但是對於生活中的盒子大家熟悉吧，哈哈，這裡提到的盒子模型你就可以理解成現實生活中的盒子就可以了，不然怎麼能起個名字叫 盒子模型 呢 好！既然和現實生活中的盒子一樣，那我們想一下，生活中的盒子內部是不是空的好用來存放東西，而裡面存放東西的區域我們給他起個名字...
css 盒子模型理解
盒子模型是html css中最核心的基礎知識，理解了這個重要的概念才能更好的排版，進行頁面布局。下面是自己積累和總結的關於css盒子模型的知識 希望對初學者有用。一 css盒子模型概念 css css盒子模型 又稱框模型 box model 包含了元素內容 content 內邊距 padding 邊...