1.盒模型
盒模型的組成：內容區（元素寬和高）+padding（填充區）+border（邊框）+margin（外邊距）
padding：
1.用來調整子元素在父元素裡的位置關係，padding是新增到父元素上的
2.也可以控制元素與內容的位置關係
3.新增上padding後會把原本的盒子撐大 ，想要盒子保持原有的大小，需要在寬高的基礎上減掉padding值
4.padding值不會對背景圖造成影響
5.padding的值不能為負值
6.給單一方向新增padding值順序：padding top /right/ bottom / left
margin：
1.用來調整同級元素與元素之間的位置
2.margin是長在盒子外邊的，不會對盒子大小產生影響
3.margin值可以為負值
4.margin可以讓子元素在父元素裡面左右居中：margin : 0 auto
5.給單一方向新增 margin值順序：margin top/right/buttom/left
分為： 塊狀元素 、內聯元素、可變元素
塊狀元素： 1.可以自定義寬高
2.塊狀元素在頁面是獨佔一行，自上而下排列
3.在頁面中是以矩形顯示
4.一般是作為其他元素或內容的容器
內聯元素：1.不能直接自定義寬高
2.內聯元素在一行內，是自左向右一次排列，
3.最小單位顯示也是矩形
可變元素： 根據上下執行環境，生成塊或者內聯元素
元素型別的轉換：
display屬性：設定或者是檢索元素生成盒模型型別
屬性值 ： diaplay：block 將元素轉換為塊狀元素
diaplay
CSS元素和盒模型
元素分類 在ml中的標籤元素大體被分為三種不同的型別 塊狀元素 內聯元素 又叫行內元素 和內聯塊狀元素。常用的塊狀元素有 常用的內聯元素有 常用的內聯塊狀元素有 塊級元素 在html中 和 就是塊級元素。設定display block就是將元素顯示為塊級元素。如下 就是將內聯元素a轉換為塊狀元素，從...
css（二）盒子模型和不同元素型別
塊級元素 轉化為塊級元素display block 特點 1 每個塊級元素都從新的一行開始，並且其後的元素也另起一行。2 元素的高度 寬度 行高以及頂和底邊距都可設定。3 元素寬度在不設定的情況下，是它本身父容器的100 和父元素的寬度一致 除非設定乙個寬度。內聯元素 display inline內...
CSS盒模型,元素分類,
在講解css布局之前，我們需要提前知道一些知識，在css中，html中的標籤元素大體被分為三種不同的型別 塊狀元素 內聯元素 又叫行內元素 和內聯塊狀元素。常用的塊狀元素有 盒子模型的邊框就是圍繞著內容及補白的線，這條線你可以設定它的粗細 樣式和顏色 邊框三個屬性 如下面 為 div 來設定邊框粗細...