行內標籤：span,strong,a不可以設定寬高可以與別人共處一行其寬高由內容撐開
display:inline;塊標籤 ：div,ul,li,ol,h1~h6,p可以設定寬高不可以與別人共處一行不設定寬度的情況下，預設寬度是100%/*轉換為行內
*/display:inline-block;
/*其實仍未行內元素，但是可以設定width及height屬性等
*/
display:block;css中， box model叫盒子模型（或框模型），box model規定了元素框處理元素內容（element content）、內邊距（padding）、邊框（border） 和 外邊距（margin） 的方式。在html文件中，每個元素（element）都有盒子模型，所以說在web世界裡（特別是頁面布局），box model無處不在。/*轉換為塊級
*/input
盒模型遵循巢狀規則 其中margin為外邊距
margin:50px 0 0 50px;
上右下左
margin: 0 50px 10px;上0 左右50 下10
margin: 20px 30px;上下20 左右30
margin: 10px;四個方向都是10
margin-left: auto;
margin-right: : auto;
margin: 100px auto 0; /居中
/
來談談你對CSS盒模型的認識？
任何乙個網頁的搭建都離不開盒模型的堆砌。應該說css模型是web的乙個根基，最後呈現出來的效果不同無非就是在高寬 內容與背景刪的區別而已。那麼css模型有什麼認識的呢？首先，css盒模型有幾種呢？兩種。1 標準模型 2 ie模型 先來說說這兩種盒模型的區別在 看圖說話 標準模型與ie模型最大的區別在...
CSS 盒模型（側重於塊盒）
可以把盒模型看成乙個手機盒子 box 盒子，每個元素在頁面中都會生成乙個矩形區域 盒子 盒子型別 1.行盒 display等於inline 預設值 的元素 2.塊盒 display等於block的元素 行盒在頁面中不換行，塊盒獨佔一行 瀏覽器預設樣式表設定的塊盒 容器元素 h1 h6 p 常見的行盒...
css 行內 塊級 盒模型
行內元素 a span strong img input select 和其他元素都在一行上 高，行高及頂和底邊距不可改變 寬度就是它的文字或的寬度，不可改變。塊級元素 h1 h6 div p ul ol li dl dt dd 總是在新行上開始 高度，行高以及頂和底邊距都可控制 寬度預設是它的容器...