首頁 > web前端 > css教學 > css樣式表的三種方式是什麼

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

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

三種方式為: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樣式寫在標籤中,並用