iT邦幫忙

DAY 15
1

HTML5 & CSS3系列 第 15

30天分享(17) - 內部CSS & 外部CSS

  • 分享至 

  • xImage
  •  

CSS 置入檔案的方式有兩種,一種是從 HTML 外部匯入,

另一種是從 CSS 內部匯入,(其實有四種方式,但其他兩種已經不建議使用)

先介紹外部匯入 :

<link rel="stylesheet" type="text/css" href="theme.css">

使用 link 標籤就能將CSS 匯入 HTML ,不過要注意的是路徑問題,

如果 CSS 跟 HTML 不在檔案夾同層,路徑就會不相同,

比方說 CSS 檔在名為 CSS 的資料夾中,HTML 檔跟 CSS 資料夾是同層,

則匯入必須為 :

<link rel="stylesheet" type="text/css" href="css/theme.css">

---------------------------------------------------------------------------

另外一個是從 CSS 檔再匯入一支 CSS,

@import url("theme.css");

檔案的路徑階層很重要,只要樣式沒有跑出來,記得多檢查檔案路徑是否檔名打錯或者是路徑指向錯誤。


上一篇
30天分享(16) - HTML5 拖曳與置放
下一篇
30天分享(18) - 行內元素 & 區塊元素
系列文
HTML5 & CSS328
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言