注意即使有套用外掛了，因為寫在下面的會複寫前面的，所以依然可以個人化

自訂樣式表：指定標籤，寫在head間的style中(embedding)

例如：

<style>

h2{color:red;font-size:18px}<!--這一行寫在style裡就會影響body中所有標上h2標籤的文字-->

</style>

<body>

<h2>apple</h2><!--這一行就會被影響-->

<h3>000000</h3>

<h2>55555</h2><!--這一行就會被影響-->

</body>

外掛樣式表：以外掛的方式定義(linking)，事先寫好在css檔，之後加入head中

  • <link rel="stylesheet" href="CSS外掛網址"><!--這個外掛需寫在<style>的外面！！！-->

<stlye>

  • @import url("CSS外掛網址")<!--這個外掛需寫在<style>的裡面，但一定在第一行-->

</style>

用aptana新增CSS外掛：

新增外掛folder(例如styles)→在裡面新增file，檔案名.css(例如st1.css)

如果資料夾與HTML檔案同一層，那麼CSS網址就是：styles/st1.css

<!DOCTYPE html>

 

<html lang="zh-tw">

 

    <head>

 

       <title>第一個網頁測試</title>

 

       <meta charset="UTF-8">

       方法二(外掛)

       <link rel="stylesheet" href="styles/sty1.css">

       <style>

       方法三(外掛)

       @import url("styles/sty1.css");

           方法一(自訂樣式)

           h2{color:red;

           text-decoration:underline}

           h3{color:#FF5511}

       </style>

    </head>

    <body>

       <h2>hi</h2>

       <h2>hello</h2>

       <h3>你好</h3>

       <h4>我是id標籤</h4>

 

    </body>

 

</html>

arrow
arrow
    全站熱搜

    乙方 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄