简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > css教學 > 主體

css樣式表的三種方式是什麼

青灯夜游
發布： 2021-01-18 10:12:06
原創
31239 人瀏覽過

三種方式為：1.行內樣式表，使用style屬性直接把CSS程式碼加入HTML的標記中。 2.內部樣式表，把css樣式寫在「

」標籤中，並用「

本文操作環境：宏基S40-51、HBuilderX.3.0.5&&css3版、Windows10家庭中文版

（學習影片分享：css影片教學）

css樣式表有三種方式：

  • #行內樣式表

  • ## 內部樣式表

  • 外部樣式表

#行內樣式表

行內樣式就是使用style屬性直接把CSS程式碼加入HTML的標記中，也就是作為HTML標記的屬性標記存在。

範例：

<h1 style="color:red;">style属性的应用</h1>
登入後複製

透過這個方法，可以很簡單地對某個元素單獨定義樣式。

實例：

css樣式表的三種方式是什麼

#行內樣式表的優缺點：

優點:

  • 沒有了樣式表文件，在某些時候可以提升效率;

  • #使用style 屬性的樣式效果會最強，會覆蓋掉落其他引入方式的相同樣式效果。

缺點:

  • 多個元素難以共享樣式，不利於程式碼重複使用;

  • #HTML 和CSS 程式碼混雜，不利於程式設計師和搜尋引擎閱讀。

內部樣式表

#內部樣式表是把css樣式寫在標籤中，並用