• 基本網頁設計
  • 認識CSS
  • 樣式指令
  • import_contacts CSS樣式指令
    11626
適用範圍

適用CSS編輯網頁設計師們~如何建立CSS樣式指令,了解CSS樣式順序

實用性:
重要性:

什麼是CSS樣式?

CSS的樣式分為三種:內部格式化表單(Internal Style Sheet)、外部格式化表單(External Style Sheet)、內聯樣式表 (Inline Style Sheet)

當讀到一個樣式表,瀏覽器會依據CSS來格式HTML,而優先執行的順序為:內聯樣式表 > 內部格式化表單 >外部格式化表單 > 瀏覽器樣式,以下是針對樣式內容說明:

內部格式化表單(Internal Style Sheet)

當單個網頁需要特殊樣式時,就可以使用聯樣式表。

<style>
body{background-color:#f00;}
p{font-size:20px;} 
</style>

外部格式化表單(External Style Sheet)

樣式如果需要用於很多頁面時,外部格式化表單是最理想的選擇,可一次改變整個網站的外觀。且必須在每個網頁上使用

標籤鏈接到格式表單。
< link rel="stylesheet" type="text/css" href="yourstyle.css" >

內聯樣式表 (Inline Style Sheet)

這個方式是針對某段元素時使用,但是不建議以這種方式下CSS,除非是單一狀況下。

<p class="tel" style="font-size: 25px;color: #f00;">city</p>