2018年12月13日 星期四

[Back To Basic] HTML5 - CSS和HTML關係建立

層疊樣式表 CSS(Cascading Style Sheets)

CSS加入HTML元素(elements)的三種方式
  • 內嵌(Inline) 用屬性(attribute)-Style直接針對某個元素(element)加入
e.g.

<h1 style="color:blue;">Blue Heading</h1>
  • 內部(Internal) 在<head></head>中使用<style></style>的元素加入
e.g. 

<head>
<style>
h1   {color: blue;}
</style>
</head>
  • 外部(External) 使用外部CSS檔案
e.g.

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

建議使用外部(External)加入CSS,可維護性會較好

沒有留言:

張貼留言