CSS&javascript CSS初步概念

千萬別按我的筆記來學習,請找更好的網站
推薦到w3c school參考資料會更為完整
我的筆記只用於自已紀錄,參考價值超低

css就是網頁的美觀設計
套用的方式有滿多種
  1. 像是屬性一樣用在< style="....">裡面
  2. 寫在head標頭檔,需要指定對應的標籤
  3. 用連結的方式寫在外部參考
    通常樣式都是放在網站路徑的styles資料夾下
css有繼承關係,例如設定了<p>的屬性
網頁上所有包在<p></p>裡的文字都會套用





要對應標籤有很多種方法來指定:

 <link href="styles/MyStyle.css" rel="stylesheet" />
    <!--外部繫結css樣式-->
     <style type="text/css">
        h1, h2, h3 {
            /*所有h1、h2、h3的標籤都會套用此設定*/
            color:purple;
        }        
        td {
            /*所有td欄位,文字置中*/
            text-align:center;
        }
        thead td {
            /*在thead標籤裡的td標籤,文字粗體*/            
            font-weight:bold;            
        }
         a:link, a:visited {
             /*
              這是偽標籤,a是連結標籤
              a:link    未點過的連結 
              a:visited 已點過的連結
              
              text-decoration 底線  
            */
             color: #4490d1;
             text-decoration: none;
         }
         a:hover {
             /*
               a:hover
              在滑鼠移到連結上方時
              會改變文字的狀態    
            */
             color: red;
             text-decoration: underline;
         }
        #p3 {
            /*
                標籤裡可以設定id
                要找出某特定id的標籤用「#id名稱」
            */
            color:purple;                        
            text-shadow:none;
        }
         #p3 span {
             /*
                這是指「#p3」標籤中包的「span」標籤
            */
             color: red;
         }
        .MyClass1 {
            /*
                有時會設計好某個css的樣式
                想套用在許多不同種類的標籤
                可以設定標籤屬性用 class=xxx 的方式
                而在css的設計上用「.xxx」來對應              
             */
            font-size:16pt;
            font-weight:bold;
        }
    </style>



留言

熱門文章