什麼是CSS樣式?
CSS的樣式分為三種:內部格式化表單(Internal Style Sheet)、外部格式化表單(External Style Sheet)、內聯樣式表 (Inline Style Sheet)
![](/upload/web/webdesign/shaina_20180125_1.png)
當讀到一個樣式表,瀏覽器會依據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>