HTML <style> 標籤 (tag) - 寫 CSS 樣式排版

<style> 用來設定 HTML 文件的樣式，在 <style> 裡面你可以寫 CSS 來排版瀏覽器該怎麼渲染你的頁面。

使用例子：

<style type="text/css">
p {
  color: #26b72b;
}
</style>

上面的 type="text/css" 可以省略，只寫：

<style>
p {
  color: #26b72b;
}
</style>

如果想直接連結外部的 CSS 樣式表 (stylesheet)，則是使用 <link>。

media="print" 列印樣式

<style> 有一個屬性 (attribute) 是 media，屬性值指定 print 可以用來限制此樣式只會在列印網頁時被套用：

<style media="print">
aside {
  display: none;  
}
</style>

HTML style 屬性 (inline CSS style)

除了用 <style> 或 <link> 標籤來寫 CSS，所有的 HTML 標籤都可以用 style 屬性來指定該 HTML 元素的 CSS 樣式。

例如：

<p style="color:red">This is a paragraph.</p>

上面的 p 段落文字會變成是紅色。