html中style标签的用法

发布时间:2020-06-28 17:52:54 作者:元一
来源:亿速云 阅读:1158

这篇文章将为大家详细讲解有关html中style标签的用法,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

style标签的作用是用来说明所要定义的样式,style标签用于为HTML文档定义样式信息,在style元素里,可以指定HTML元素在浏览器里的呈现方式,style标签应放在head里。

定义及用法

<style>标签用于为HTML文档定义样式信息。

在<style>元素里,你可以指定HTML元素在浏览器里的呈现方式。

必选属性type用于指明<style>元素的内容,目前仅支持“text/css”一个值。

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

</style>标签对中书写各种标签的样式,可以是body也可以是h1,即将行内样式全写在一块儿

比如10个标签都是同一个class的话,如果在行内样式中就需要写10条

而在style中写一条就成。

现在都是结构(html)、样式(css)、行为(js)相分离的设计模式

实例:

<html>

<head>

<style type="text/css">

h1 {color:red}

p {color:blue}

</style>

</head>

<body>

<h1>Header 1</h1>

<p>A paragraph.</p>

</body>

</html>

关于html中style标签的用法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

推荐阅读:
  1. HTML中<style>标签是什么
  2. html中style是什么标签

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

style html

上一篇:如何实现Golang限流器

下一篇:借汇编之力窥探String背后的数据结构奥秘

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》