span與div用法相同，只不過是內聯的，div是成塊的。

選擇子孫的辦法：

<div id="elixir"></div>  //假如它的子孫中包含<h2>
#elixir h2{color:black;}     //就是將它的子孫中所有的h2都設置黑色。
#elixir>h2{color:black;}   //是選擇div的“直接子孫”，不再向下層嵌套。
#elixir blockquote h2{}     //是選擇div子孫中的blockquote中的h2。

text-align: center;          //使div中所有的內聯元素居中，包括圖片，文字。

來點快捷方式：

padding-top:       0px
padding-right:     20px       
padding-bottom: 30px
padding-left:       10px
簡寫：
padding：0px 20px 30px 10px；按照上右下左的順序。
margin同理。

若四邊相同可簡寫padding：20px；
若上下相同，左右相同，可簡寫padding： 20px 30px；

background-color:white;
background-image:url(images/apple.gif);
background-repeat:repeat-x;
簡寫：background： white url（images/apple.gif） repeat-x;

字體的簡寫有些要求：

font: font-style font-variant font-weight font-size/line-height font-family//其中前三項和第五項可以省略。

連接的幾種狀態(tài)：

a:link{color:green;}          //未點擊。
a:visited{color:yellow;}    //點擊后。
a:hover{color:red;}           //懸停。
還有focus和active狀態(tài)。
設置時按照這個順序來設置。

偽類：

如上面所說的link，visited等等，沒有在html文件中填寫過這樣的類，但是他們是瀏覽器默認的類，未點擊時屬于link，點擊后，屬于visited。

QQ20160426-0@2x.png

QQ20160426-1@2x.png