首页 > 编程 > HTML > 正文

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

2019-10-26 17:17:52
字体:
来源:转载
供稿:网友

 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>  
  • 发表评论 共有条评论
    用户名: 密码:
    验证码: 匿名发表

    图片精选