嵌入 CSS 及 選擇器 使用方式

How to use simple css in your website.

作者: 七味粉 |
文章2013-05-07
144 分享
19

    CSS有三種嵌入方式,區分外部、行內及嵌入使用,下面提供三種範例供使用。
  • 外部使用:

  • 
    

  • 行內使用:

  • 
    

    This is font size 12.


  • 嵌入使用:

  • 
    




    CSS 如何有效告訴瀏覽器資料怎麼顯現,靠的就是選擇器,選擇器使用方式如下:
  • 使用 Class 選擇器

  • 
    
    .para1
    {
    font-size:22px;
    color:red;
    }
    div.para1
    {
    font-size:16px;
    color:green;
    }
    div p.para1
    {
    color:blue;
    }

    
    

    My first style.


    My second style.


    My third style.




    將上述 . 改成 # 就可以使用 ID 選擇器了。


    注意:ID 選擇器在HTML只能被使用一次,而Class可以重複使用,所以在這邊建議使用Class來寫。
貼心小提醒
1.您目前未登入,若於此狀態進行文章收藏,紀錄可能無法長期保留。
2.建議登入後進行收藏,好文會幫你保存著,隨時要看也不怕找不到唷~

KiKiNote持續為您提供最優質的資訊內容,謝謝您!
不再顯示此視窗

複製成功