萬盛學電腦網

浏覽器 windows 10 wps office 殺毒軟件 數據庫 excel教程 文件管理 word教程 網頁制作 裝機必備軟件 linux教程

 萬盛學電腦網 >> 網頁制作 >> Html5 >> 詳解HTML的style標簽以及相關的CSS引用

詳解HTML的style標簽以及相關的CSS引用

 　　HTML style 標簽

　　style 標簽 -- 在文檔中聲明樣式時使用此標簽

　　style標簽是成對出現的,以 結束

　　屬性

　　media -- 媒體類型,

　　type -- 包含內容的類型,一般使用type="text/css"

　　示例

　XML/HTML Code復制內容到剪貼板

  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>

　　內部引用CSS -- Internal

　　可以使用style標簽直接把CSS文件中的內容加載到HTML文檔內部.

　　示例

　CSS Code復制內容到剪貼板

  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. /* ----------文字樣式結束---------- */
  18. ]]></style>  

 

Html5排行

程序編程推薦

熱門文章

 [DivCSS教程]CSS3中使用RGBA設置透明度方法…
 [電腦基本常識]怎樣找回U盤的實際容量
 [ps調色教程]Photosho調出古典淡黃色的建築…
 [Windows xp教程]裝好系統後啟動速度很慢怎麼辦？
 [php編程]PHP中加密解密函數與DES加密解密…
 [安全資訊防護]北京市面30種U盤容量均“縮水” 金…

相關文章

圖片文章

u3d如何快速入門

 　　剛開始學U3D，入門是比難的，首先要了解U3D最重要的五大界面，第一：場景(Sence)，構建游…

Fedora如何設置一鍵顯示桌面？

 　　使用過Windows的各位應該知道，Windows的任務欄一般都會有一個顯示桌面按鈕，按下就可以…

Dreamweaver制作網頁頁內連接

 　　在制作中我們經常會遇到有時需要制作頁內連接的情況，比如首先列出一個目錄，然後後面內容是按目錄列出…

Win10主題背景變成黑色的解決方法

 　　Win10系統自帶的主題很多，在桌面上可以經常更新，讓桌面賞心悅目。有用戶發現，Win10系統桌…

萬盛學電腦網 | 設為首頁 | 加入收藏

copyright © 萬盛學電腦網 all rights reserved