第17天：CSS引入、選擇器優先順序（中級）

一、CSS 位置

  1、行內式  css  

   <div class=”fr” style=”color:red;”>aa</div>

  2、 內嵌式樣式

  <style>
    .one {
        width: 200px;
    }
</style>

  3、外鏈式

 <link rel=”stylesheet” href =”css/base.css” />

二、Font 字型綜合寫

Font: 字型加粗  字號/行高 字型;

  必須有字號和字型。

Font-weight:bold;   700    

  S  del    刪除線

  I   em   傾斜

  U   ins   下劃線

      字型加粗  font-weight: 700;  

      讓字型不加粗:  font-weight:normal;

      字型傾斜:  font-style:italic;  不用

      字型不傾斜： font-style:normal;

      不下劃線 不刪除線:  text-decoration: none;

      定位：  position：static;  靜態定位   約等於標準流

      浮動的不浮動: float:none;      none  left  right

      定位的不定位:  position: static;    absolute  relative  fixed

三、選擇器的優先順序

      標籤  (1) < 類(10 ) < id(100 ) < 行內(1000)     

      網頁穩定：

        Width 和height  最穩定

        其次 padding     

        最後才考慮margin