html怎麼引用css樣式？ html引用css檔案的三種方法介紹
- 不言原創
- 2018-11-08 09:43:086995瀏覽
HTML引用css樣式有三種方法，那麼，有哪三種方法呢？本篇文章就來跟大家詳細介紹一下html引用css檔案的三種方法。
將樣式表套用至HTML文件和CSS中的XHTML文件大致可分為以下三種方法。 （推薦教學：css影片教學）
1、使用2cdf5bf648cf2f33323966d7f58a7f3f元素呼叫並應用外部CSS檔案
2、使用c9ccee2e6ea535a969eb3f532ad9fe89元素應用於文檔單元
3、透過向元素添加樣式屬性來應用樣式
使用2cdf5bf648cf2f33323966d7f58a7f3f元素呼叫並應用外部CSS檔案
創建一個CSS文件，與HTML文件分開描述樣式表，並從HTML文件中呼叫它。對於調用，透過描述HTML文件的93f0f5c25f18dab9d176bd4f6de5d30e元素中的2cdf5bf648cf2f33323966d7f58a7f3f元素來指定外部CSS檔案。若要通知瀏覽器等應用的樣式是基於CSS，請為2cdf5bf648cf2f33323966d7f58a7f3f元素的type屬性的值指定text / css。考慮到與XHTML的兼容性，易於修改樣式等，建議以這種方式設定樣式表。
樣式表元件在外部檔案（xxx.css）中描述。
p {color：blue; line-height：1.5;}HTML原始碼
<html> <head> <link rel =“ stylesheet ”type =“ text / css ”href =“ xxx.css ”> </ head> <body> <p>这是一个段落</ p> </ body> </ html>
使用c9ccee2e6ea535a969eb3f532ad9fe89元素套用於文件單元
##在HTML在文檔的93f0f5c25f18dab9d176bd4f6de5d30e元素中編寫c9ccee2e6ea535a969eb3f532ad9fe89元素，並為每個文檔設定樣式表。指定text / css作為c9ccee2e6ea535a969eb3f532ad9fe89元素的type屬性的值，以通知瀏覽器等應用的樣式基於CSS。
<html>
<head>
<style type="text/css">
<!--
p {color:blue; line-height:1.5;}
-->
</style>
</head>
<body>
<p>这是一个段落。</p>
</body>
</html>
透過向元素新增樣式屬性來套用樣式
為元素新增樣式屬性，並直接在HTML原始程式碼中描述樣式規格。為了透過style屬性指定樣式，為了通知瀏覽器等文件中使用的樣式表是CSS，在93f0f5c25f18dab9d176bd4f6de5d30e元素中加入e8e496c15ba93d81f6ea4fe5f55a2244元素並指定樣式語言指定text / css作為值。在許多情況下，即使您沒有指定，也會由瀏覽器自動判斷，但您也應該編寫它以避免故障。 樣式屬性的樣式指定對於部分區分樣式的優先權很有用，但隨著HTML來源變得複雜，它往往會使樣式管理變得複雜。當旨在實現高效的樣式管理時，通常將CSS部分轉換為外部文件。 範例：直接使用樣式屬性套用樣式表<html> <head> <meta name="Content-Style-Type" content="text/css"> </head> <body> <p style="color:blue; line-height:1.5;">这是一个段落。</p> </body> </html>
以上是html怎麼引用css樣式？ html引用css檔案的三種方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！