• 技术文章 >web前端 >前端问答

    html的style放在哪里

    青灯夜游青灯夜游2022-01-21 16:30:21原创889

    在html中,如果style是属性,则需要放置在单个HTML元素标签中,用于设置行内样式,语法“<元素名 style="样式代码">”;如果style是标签,则需要放置在head标签内,用于设置内嵌样式。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    在html中,style的位置情况分两种:

    1、style属性

    style属性需要放置在单个HTML元素标签中,用于设置行内样式

    style 属性将覆盖任何全局的样式设定,例如在 <style> 标签或在外部样式表中规定的样式。

    示例:

    <div style="color:red"></div>

    2、style标签

    style标签应该放在<head>标签里面。

    因为浏览器解析HTML文档是自上而下的,这样<style>标签里的样式就会作用到body里的元素上。如果<style>标签写在<body>标签下面,在这之前的元素的样式就不会生效,会导致页面结构出来了,而CSS还没开始渲染。

    示例:

    <head>
    <style>
     bdoy{font-size:14px;}
    </style>
    </head>

    相关推荐:《html视频教程

    以上就是html的style放在哪里的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html style
    上一篇:html中改变字体颜色和大小的代码是什么 下一篇:html中内联元素和块级元素的区别和联系是什么
    Web大前端开发直播班

    相关文章推荐

    • html中next是什么意思• html怎样设置textarea不换行显示• html中怎么让列表横向排列• html如何给背景图片设置透明度• html的name和value是什么意思• HTML里怎么设置thead表头的颜色• html下拉菜单文字怎么变小

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网