《Head first HTML與CSS 第二版》讀書筆記 第十章 div和span

width屬性只是指的內容區的寬度。要計算整個盒子的寬度須要內容區的寬度加上左右內邊距的寬度加上左右外邊距的寬度和兩個邊框的寬度（由於有左右邊框）。

若是元素沒有指定width屬性，它默認的爲auto，即內容會延展至整個空間。

指定寬度能夠用px或百分比，百分比指的是元素佔所在容器的百分比。

通常指定寬度而不指定高度（使默認爲auto），這樣會根據寬度自動調節高度。

text-align會對元素中全部的內聯內容對齊。它只能應用於塊元素上，對內聯元素不起做用。

 

選擇元素子孫的方法： 父元素 子元素{ };

若是隻想選擇子節點的元素：父元素>子元素{ };

 

line-height屬性能夠只寫數字不帶單位，各個元素相對於自己字體的大小。

 

元素屬性的簡寫

padding/margin屬性四個方向能夠簡寫：

padding: 0px 20px 30px 10px; 順序是上 右 下 左。

還能夠簡寫成上下和左右：

padding: 0px 20px; 順序是上和下 左和右。

border-width,border-style,border-color能夠簡寫爲border，屬性順序任意。

background-position,background-color,background-image,background-repeat能夠合寫成background。

font-family,font-style,font-weight,font-size,font-variant,line-height能夠簡寫到font。在font屬性中必須制定字體大小，若是要指定line-height能夠在font-size後加/，寫成font-size/line-height。若是要使用font-family，則放到最後。

 

使用<span>元素建立內聯字符和元素的邏輯分組。

 

設置內聯元素的上下內邊距不會有效果，而上下外邊距會與其餘元素重合。

而圖像的寬度、內邊距和外邊距都表現得與塊元素相同。

 

<a>元素的僞類:

1. a:link 連接未被訪問過；
2. a:visited 連接已被訪問過；
3.  a:hover 懸停在連接上； 
4. a:focus 連接得到焦點；
5.  a:active 第一次單擊連接。

按前後順序來肯定使用哪一個樣式。