html标签元素之<style>标签教程

时时在构造html时，使用到style标签。<style>时常用于在HTML中直接写CSS名堂表，或引入外部CSS文件（就像link标签引入外部CSS文件）。

认识与用法教程

一、基本语法

style英文翻译：格式、气概含意
从字面上也不难晓得与CSS款式干系的标签。

<style>是一对有初阶有闭合的标签。以<style>初阶，以</style>完结。标签内放CSS代码。

html style标签通常放置在</title>以后，</head>曩昔。

style花色标签放置地位截图

二、常见怎样用

1、中HTML中直接写CSS代码

<style type="text/css">
布置css格式代码中央
</style>

html代码内直接写CSS，就必要用到style标签。假设直接html文档代码中放CSS代码，CSS是无效的。

html代码内style标签应用截图

2、简写
咱们瞥见使用style标签<style type="text/css">内另有type属性和值，其的确而今这个属性与值笼统省略，直接<style>便可。

去掉style内 type="text/css"的简写代码截图：

style标签简写

3、style标签引入外部CSS文件
style标签内放@import 引入内部CSS名目文件。

<style>
@import url(images/style.css);
</style>

多么便可引入内部images文件夹内style.css文件，通常这种引入对照罕用，通常使用link标签引入外部CSS文件，这里体味认识会用就可。

style标签内用@import插入引入CSS文件

三、总结

通常style标签我们结构时，直接<style></style>来布置CSS代码，HTML内直接写CSS代码来使用。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h52243.shtml