• 技术文章 >web前端 >html教程

    HTML的style标签以及相关的CSS

    高洛峰高洛峰2017-02-24 11:02:29原创819
    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文档内部.

    示例

    <style type="text/css"><![CDATA[   
    /* ----------文字样式开始---------- */  
      
    /* 梦之都白色12象素文字 */  
    .dreamduwhite12px  
    {   
        color:white;   
        font-size:12px;   
    }   
    /* 梦之都黑色16象素文字 */  
    .dreamdublack16px  
    {   
        color:black;   
        font-size:16px;   
    }   
      
    /* ----------文字样式结束---------- */  
    ]]></style>


    更多HTML的style标签以及相关的CSS相关文章请关注PHP中文网!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:HTML Style css
    上一篇:html中background-image属性的设置 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• ExtJs教程8• 浏览器得到地址栏的相关信息_html/css_WEB-ITnose• html+css知识整理_html/css_WEB-ITnose• 有关浏览器兼容样式问题_html/css_WEB-ITnose• clear:both 后按钮错位了_html/css_WEB-ITnose
    1/1

    PHP中文网