2019年1月13日 星期日

[Back To Basic] css - 如何加入到網頁中

加入css到網頁中的方式


  • 外部樣式表(external)
<head></head>中加入
<link rel="stylesheet" type="text/css" href="檔案路徑及名稱.css">
  • 內部樣式表(internal)
<head></head>中加入
<style>
h1 {
  color: red;
}
</style>
  • 單一樣式(inline) ç盡量少用
針對單一HTML元素(element)使用,e.g.
<h1 style="color:red;">title</h1>

層疊順序

Q:若一個HTML元素同時被多個樣式表指定同一樣式,將會如何顯示呢?
A:以最後套用的為主
順序: inline => internal&external => 瀏覽器預設(browser default)

沒有留言:

張貼留言