前面一節我們講了行內樣式，但是行內樣式的缺點就是樣式不能重用。例如當有好多個 標簽，我們希望所有的 標簽的樣式都一致，那么需要在每個標簽中都寫一遍，這么會很麻煩，也會增加很多代碼。

那么為了解決這個問題，本節我們學一下內嵌樣式，也可以叫做內部樣式。

什么是內嵌樣式

內嵌樣式就是將 CSS 代碼寫在 HTML 頁面中的 標簽中的 標簽內。因為它與 HTML 內容位于同一個文件中，所以叫做內嵌樣式表。

示例：

例如下面這個例子就是使用了內嵌樣式：

CSS學習(9xkd.com)

《木蘭花令 擬古決絕詞》

人生若只如初見，何事秋風悲畫扇

等閑變卻故人心，卻道故人心易變。

驪山語罷清宵半，淚雨零鈴終不怨。

何如薄幸錦衣郎，比翼連枝當日愿。

在瀏覽器中的演示效果：

記得內嵌樣式必須寫在 標簽中，否則無效。

總結

使用內嵌樣式來書寫 CSS 樣式，相較于行內樣式來說，明顯要更加方便，代碼量也更少。

但是內嵌樣式也有一個缺點，就是它僅在同一個頁面中才方便，對于多頁面開發來說，任然不利于頁面間共享復用代碼以及維護，對內容與樣式的分離也不夠徹底。所以內嵌樣式比較適合那些單頁面信息具有獨特風格的頁面，不需要多個頁面共享。

在實際開發中，我們不可能只寫一個頁面，所以內嵌樣式不滿足我們的需求，通常我們都會選擇使用外部樣式，下一節會講到。

鏈接：https://www.9xkd.com/

總結

以上是生活随笔為你收集整理的更改span标签样式_CSS 内嵌样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。