返回
首页
业界
电商
创业
访谈
手机
移动
报告
运营
建站
互联网+
系统
教程
搜索

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

2019-01-15 09:42:29王旭

 HTML style 标签

style 标签 -- 在文档中声明样式时使用此标签
style标签是成对出现的,以<style>开始,以</style>结束
属性
media -- 媒体类型,

type -- 包含内容的类型,一般使用type="text/css"
示例

  • <head>       <style type="text/css">  
  •     abbr        {   
  •         font-size: 12px;        }   
  •     .text10pxwhite        {   
  •         font-size: 10px;            color: #FFFFFF;   
  •     }        </style>  
  • </head>  

    •  内部引用CSS -- Internal

    可以使用style标签直接把CSS文件中的内容加载到HTML文档内部.

    示例

    CSS Code复制内容到剪贴板
  • <style type="text/css"><![CDATA[    /* ----------文字样式开始---------- */  
  •    /* 梦之都白色12象素文字 */  
  • .dreamduwhite12px   {   
  •     color:white;        font-size:12px;   
  • }    /* 梦之都黑色16象素文字 */  
  • .dreamdublack16px   {   
  •     color:black;        font-size:16px;   
  • }      
  • /* ----------文字样式结束---------- */   ]]></style>  
    • 相关文章 大家在看