1、盒模型的分類
內容區（content）、內邊距（padding）、邊框（border）、外邊距（margin）
內容區：內聯元素不能設定width和height。
內邊距：內聯元素可以設定水平方向的內邊距；內聯元素可以設定垂直方向的內邊距，但是不會影響頁面的布局。
邊框：內聯元素可以設定邊框，但是垂直的邊框不會影響到頁面的布局。
外邊距：內聯元素支援水平方向的外邊距，水平方向的外邊距不會重疊，而是求和；內聯元素不支援垂直外邊距。
2、display的使用
將乙個內聯元素變成塊元素，通過display樣式可以修改元素的型別，可選值：
① inline：可以將乙個元素作為內聯元素顯示；
"#">我是乙個超連結
我是乙個span
"#">我是乙個超連結
我是乙個span
"#">我是乙個超連結
我是乙個span
"#">我是乙個超連結
我是乙個span
用來設定元素的隱藏和顯示的狀態，可用值：
①visible：預設值，元素缺省會在頁面顯示；
"box">
我是乙個span
"box">
我是乙個span
子元素預設是存在于父元素的內容區中的，理論上講子元素的最大可以等於父元素內容區的大小，如果子元素的大小超過了父元素的內容區，則超過的大小會在父元素以外的位置顯示，超出父元素的內容，稱為溢位的內容。
父元素預設是將溢位內容在父元素外邊顯示，通過overflow可以設定父元素如何處理溢位內容。可選值：
①visible：預設值，不會對溢位內容做處理，元素會在父元素以外的位置顯示。
"box1">
"box2">
"box1">
"box2">
"box1">
"box2">
"box1">
"box2">
Web前端學習筆記 彈性盒
flex 彈性盒 伸縮盒 是css中的又一種布局手段，它主要用來代替浮動來完成頁面的布局 flex可以使元素具有彈性，讓元素可以跟隨頁面的大小的改變而改變。彈性容器 要使用彈性盒，必須先將乙個元素設定為彈性容器，我們通過display來設定彈性容器 display flex 設定為塊級彈性容器 di...
學習筆記 內聯元素 塊元素 內聯塊元素的區別
元素就是標籤，布局中常用的有三種標籤，塊元素 內聯元素 內聯塊元素，了解這三種元素的特性，才能熟練的進行頁面布局。塊元素塊元素，也可以稱為行元素，布局中常用的標籤如 div p ul li h1 h6 dl dt dd等等都是塊元素，它在布局中的行為 支援全部的樣式 如果沒有設定寬度，預設的寬度為父...
塊級元素 內聯元素學習筆記
1 頁面渲染是按照文件流來渲染的，一行一行，從左到右。2 三種情況脫離文件流 浮動 絕對定位 固定定位 3 相對定位不脫離文件流，相對於旁邊的元素定位 4 行內元素就是只能放在一行內 就像是乙個單詞 塊級元素，就理解為乙個四方塊，可以放在任何乙個地方 就像是乙個段落 5 內聯元素一般只能容下文字 以...