HTML <style>标签,定义文档样式信息

<style>标签

通常情况下,HTML的文档层叠样式信息可以通过在head元素内从外部引入的css文件来设置,这样的设计具有便于高效维护、修改,以及可用于浏览器缓存等优点,当然,也可以通过style元素来定义HTML的文档样式。style元素可以放在HTML文档的head元素之内,也可以放在body元素内的大多数的地方(前提是html的语法没有错误),比如下方的实例就将style元素放置在当前网页的body元素之内,而且还是位于在线编辑器的div元素之内,具体可见下方实例。

<style></style>

提示:style元素内的内容定义的是HTML的层的样式,对用户不可见。sytle元素包含起始标签和结束标签。


style元素实例代码

<div class='style1'></div>
<style>
  .style1{width:100%;height:30%;background-color:orange;}
</style>

style元素属性

属性描述
typetext/css指定样式的MIME类型
mediascreen、tty、tv、projection、handheld、print、braille、aural、all指定媒介类型

全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.