建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!
当前位置:建站学习网 > 网页设计 > HTML5教程 >

详解HTML的style标签以及相关的CSS引用

整理编辑:建站学习网 更新时间:2017-04-24 阅读:0

   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>  

 

转载请注明出处:https://www.dedexuexi.com/wysj/html5/3062.html

关键词:前端