前面依次說到盒子的float（浮動）、clear（消除盒子浮動對其他的影響）、position（定位）屬性，本次了解一下display屬性，這個是非常有用的乙個屬性。
1、定義html部分內容，但不定義css**：
box-1
box-2
box-3
box-4
box-5
box-6
box-7
box-8
我們知道div為塊級標記，而span為行級標記，由於沒有定義css**，所以效果如下：
2、為html內容定義css樣式：
box-1
box-2
box-3
box-4
box-5
box-6
box-7
box-8
把前三個塊級標級展示樣式定義為inline（即按行級樣式進行展示）；同時把中間三個行級展示樣式定義為block（即按塊級樣式進行展示）；把最後塊級和行級兩個展示樣式定義none（即不顯示），其效果如下：
其實display是乙個非常有用的屬性，通過設定它的顯示與否形成動畫效果，下面一段****於w3school的教程：
這段**引入了jquery，後面會陸續涉及到，目前看不懂沒有關係，它的意思是說當單擊標記的內容時，它會自動隱藏，其中的$(this).hide()就是jquery封裝了display：none屬性。
CSS （二）解析CSS盒子
話說，一寫部落格還有些莫名的興奮感 這幾天一直擠時間 css盒子，一開始聽起來還有點高大上的趕腳。後來了解之後，發現其實很容易理解。從 功能上講很方便，但真正做好熟練運用就並不是那麼很容易了。它作為div的核心部分，可以說統治了大部分前台，其中比較不容易做好的主要是 浮動 和 相對 絕對定位 問題。...
css盒子模型 CSS 盒子模型
css 盒子模型基本上是面試的必考題，因為實在是太重要了。以前寫 css 總是感覺元素的寬高十分難調，其中乙個很大的問題就是忽略了盒子模型的重要性。說到 css 盒子模型，你可能會說我知道呀，就是 margin 包 border,border 包 padding,padding 包 content ...
css盒子的定位
css盒子定位 什麼是盒子定位呢，顧名思義，就是元素盒子 以下主要以塊級盒講解 在頁面中的位置，定位就是確定他的位置，盒子定位分為以下四種 1 靜態位置 position static 也就是預設值 每乙個元素在沒有float值的時候，都有position值，就是static，可以直接理解它在是預設...