HTML基礎（一）：實用的CSS標籤和屬性值

一、html初步開發階段，必須先分析好整個網頁的內容結構：即，先總體的給網頁內容分類，比如nav content foot等等，每一類要有一個專門的div

二、常用css標籤和屬性：

   1、width：寬度，它的取值可以是：

     (1)auto，寬度==父標籤的寬度

     (2)xx%,當前標籤的寬度是父標籤的XX%

     (3)px,定死標籤的大小

     (4)inherit，繼承父標籤的值

     注意：auto和100%的區別：auto取得的寬度為內容寬度+margin的寬度；100%，則只包含內容的寬度，不包含margin，所以有時用100%的話，最後的div可能會大些

   2、讓背景透明：filter:alpha(opacity=30);

   3、border原型：border：width style color，可以按順序設定border的值

     （1）style可以取得值：

         

    4、margin，

      (1)注意“上下”兩個元素的相對的邊都設定了margin後，則他們的距離取margin的最大值，

         eg：div1在上，margin-right=50

             div2在下，margin-left=60

         那麼div1和div2之間的距離不是50+60=120，而是取margin的最大值60，這種融合的現象對margin-right失效

    5、隱藏捲軸：overflow-x:hidden，

         （1）這個設定只能加在body上才會生效

         （2）這個性質的一個重要應用就是可以實現螢幕的拖拉和左右滑動
    6、text-align：讓諸如文字、圖片、連結等帶有圖片和字型的東西水平對齊，可選的值有left、center、right等

    7、讓某段文字位於 水平中央比較簡單可以直接用text-align：center，但讓其位於縱向的中央，只能用padding margin等方法

    8、若背景為單色圖片，我們可以把圖片切成很小的一片，幾px即可，然後設定background:url(XX) repeat;