这篇文章将为大家详细讲解有关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标签的用法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。