如何使用內嵌式引入css樣式表
- 青灯夜游原創
- 2021-04-06 11:54:5813820瀏覽
引入方法：將CSS程式碼集中寫在HTML文件的「93f0f5c25f18dab9d176bd4f6de5d30e」頭部標籤中，並且用「c9ccee2e6ea535a969eb3f532ad9fe89」標籤定義；語法格式為「93f0f5c25f18dab9d176bd4f6de5d30e8ee02bccf80c76cee1c966dc94ac9466選擇器{屬性:屬性值;}531ac245ce3e4fe3d50054a55f2659279c3bca370b5104690d9ef395f2c5f8d1」。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
CSS用來修飾網頁樣式，但是，如果希望CSS修飾的樣式起作用，就必須在html檔中引入CSS樣式表。引入樣式表的常用方式有三種，即行內式、內嵌式、外鍊式。以下這篇文章給大家具體介紹內嵌式。
CSS內嵌式
內嵌式是將CSS程式碼集中寫在HTML文檔的93f0f5c25f18dab9d176bd4f6de5d30e頭部標記中，並且用c9ccee2e6ea535a969eb3f532ad9fe89標記定義，其基本語法格式如下:
<head>
<style type="text/css">
选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
</style>
</head>該語法中，c9ccee2e6ea535a969eb3f532ad9fe89標記一般位於93f0f5c25f18dab9d176bd4f6de5d30e標記中的b2386ffb911b14667cb8f0f91ea547a7標記之後，也可以把它放在HTML文檔的任何地方。但由於瀏覽器是從上到下解析程式碼的，把CSS程式碼放在頭部方便提前被下載和解析，以避免網頁內容下載後沒有樣式修飾帶來的尷尬。 （學習影片分享：css影片教學）
同時必須設定type的屬性值為「text/css“，這樣瀏覽器才知道c9ccee2e6ea535a969eb3f532ad9fe89標記包含的是CSS程式碼，因為c9ccee2e6ea535a969eb3f532ad9fe89標籤還可以包含其他程式碼，如JavaScript程式碼。
<head>
<title>内嵌式引入CSS样式表</title>
<style type="text/css">
h2{text-align:center;}
p{font-size:16px;color:red;text-decoration:underline;}
</style>
</head>
<body>
<h2>内嵌式CSS样式</h2>
<p>使用style标记可定义内嵌式CSS样式表，style标记一般位于head头部标记中，title标记之后。</p>
</body>內嵌式CSS樣式只對其所在的HTML頁面有效，因此，僅設計一個頁面時，使用內嵌式是個不錯的選擇。但如果在一個網站，不建議使用這中方式，因為它不能充分發揮CSS程式碼的重複使用優勢。
更多程式相關知識，請造訪：程式設計影片！ ！
以上是如何使用內嵌式引入css樣式表的詳細內容。更多資訊請關注PHP中文網其他相關文章！