嵌入 CSS 及 選擇器 使用方式

How to use simple css in your website.

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來寫。
喜歡我們的文章嗎
給一個讚吧~^^
本站聲明
目前偵測到您現在處於未登入的狀況中 若在此狀態進行收藏很有可能導致資料遺失或錯誤 建議先行登入後重新執行步驟,不僅能保障收藏資料也能獲得最新的資訊唷! kikinote小精靈關心您!
不再顯示此視窗