溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

HTML的style標(biāo)簽怎么用

發(fā)布時間：2022-03-24 09:25:23 來源：億速云 閱讀：403 作者：iii 欄目：web開發(fā)

本文小編為大家詳細(xì)介紹“HTML的style標(biāo)簽怎么用”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“HTML的style標(biāo)簽怎么用”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識吧。

 HTML style 標(biāo)簽

style 標(biāo)簽 -- 在文檔中聲明樣式時使用此標(biāo)簽
style標(biāo)簽是成對出現(xiàn)的,以<style>開始,以</style>結(jié)束
屬性
media -- 媒體類型,

type -- 包含內(nèi)容的類型,一般使用type="text/css"
示例

XML/HTML Code復(fù)制內(nèi)容到剪貼板

  1. <head>  

  2.     <style type="text/css">  

  3.     abbr   

  4.     {   

  5.         font-size: 12px;   

  6.     }   

  7.     .text10pxwhite   

  8.     {   

  9.         font-size: 10px;   

  10.         color: #FFFFFF;   

  11.     }   

  12.     </style>  

  13. </head>  

 內(nèi)部引用CSS -- Internal

可以使用style標(biāo)簽直接把CSS文件中的內(nèi)容加載到HTML文檔內(nèi)部.

示例

CSS Code復(fù)制內(nèi)容到剪貼板

  1. <style type="text/css"><![CDATA[   

  2. /* ----------文字樣式開始---------- */  

  3.   

  4. /* 夢之都白色12象素文字 */  

  5. .dreamduwhite12px  

  6. {   

  7.     color:white;   

  8.     font-size:12px;   

  9. }   

  10. /* 夢之都黑色16象素文字 */  

  11. .dreamdublack16px  

  12. {   

  13.     color:black;   

  14.     font-size:16px;   

  15. }   

  16.   

  17. /* ----------文字樣式結(jié)束---------- */  

  18. ]]></style>  

讀到這里，這篇“HTML的style標(biāo)簽怎么用”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手