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

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

青灯夜游
青灯夜游原創
2021-01-13 14:54:3131296瀏覽

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

以上是css樣式表的三種方式是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn