span和div元素用於組織和結構化文件，並經常聯合class和id屬性一起使用。
在這一課中，我們將進一步**span和div的用法，因為這兩個html元素對於css是很重要的。
用span組織元素
用div組織元素
用span組織元素
span元素可以說是一種中性元素，因為它不對文件本身新增任何東西。但是與css結合使用的話，span可以對文件中的部分文字增添視覺效果。
讓我們用一句班傑明·弗蘭克林（benjamin franklin）的名言來舉個例子：
早睡早起使人健康、富裕又聰穎。
假設我們想用紅色來強調弗蘭克林先生所認為的「不要在睡眠中度過一天」的好處，我們可以用標籤來標記上述每一點好處。然後，我們將這幾個span設定為相同的class。這樣，我們稍後就可以在樣式表裡針對這個class定義特定的樣式。
早睡早起
使人健康、富裕和聰穎。
相應的css**如下：
顯示示例
當然，你也可以採用id來為span元素新增樣式。不過正如我們在上一課所學的，如果採用id的話，你必須為這三個span元素各自分別指定乙個唯一的id。
用div組織元素
如前面例子所示，span的使用侷限在乙個塊元素內，而div可以被用來組織乙個或多個塊元素。
除去這點區別，div和span在組織元素方面相差無幾。讓我們來看乙個例子。我們將歷屆美國**按其所屬的政營分別組織為兩個列表：
富蘭克林·d·羅斯福
哈利·s·杜魯門
約翰·f·甘迺迪
林登·b·詹森
吉公尺·卡特
比爾·柯林頓
德懷特·d·艾森豪威爾
理查德·尼克森
傑拉爾德·福特
羅納德·里根
喬治·布希
喬治·w·布希
在這裡，我們可以採用跟上例同樣的方法來處理樣式表：
#democrats
#republicans
顯示示例
在上例中，我們僅僅將div和span使用在一些很簡單的方面，譬如文字和背景色等。但其實這兩個元素都可用於作更加複雜的處理，比如。。。不過這裡我們暫並不作介紹。
之後我們還將對它們作深入了解。
小結在第7課和第8課，你已經學習了id和class這兩個選擇器（selector）以及span和div元素。
現在，你應該可以分類或標識差不多一篇文件中的所有部分了，這可是向著精通css的方向邁進了一大步哦！在第9課，我們將向你介紹盒狀模型（box model）。
div常用屬性和例子
一 常用屬性 1 height 設定div的高度。2 width 設定div的寬度。例 3 margin 用於設定div的外延邊距，也就是到父容器的距離。例 12 34 56 7說明 margin 後面跟有四個距離分別為到父容器的上 右 下 左邊的距離 可以看例子中的白色div到黑色div的邊距離效...
化學元素分類和元素週期律
化學發展到 世紀，由於化學元素的不斷發現，種類越來越多，反應的性質越來越複雜。化學家開始對它們進行了整理 分類的研究，以尋求系統的元素分類體系。一 門捷列夫發現元素週期律前對元素分類的研究 1789年，法國化學家拉瓦錫在他的專著 化學綱要 一書中，列出了世界上第一張元素表。他把已知的33種元素分成了...
元素週期律和元素週期表
一 教材分析 一 知識脈絡 本節教材採用歸納總結的方法引導學生探索元素的性質 元素原子最外層電子排布 原子半徑以及主要化合價 原子得失電子能力 和原子結構的關係從而歸納出元素週期律，揭示元素週期律的實質 再在元素週期律的基礎上引導他們發現週期表中元素排布的規律，認識元素週期表的結構，了解同週期 同主...