<style>标签属性详解,HTML中style标签的作用
<style>标签属性详解,HTML中style标签的作用
html元素中的之间,语法如下
Markup
<styletype="text/css">CSS款式代码style>
type特点指明标签之间内容的MIME类型,上面代码中,type特点值的内容是"text/css",指明内容的MIME类型是规范的CSS。
style标签示例
Markup
<html><head><metacharset="utf-8"><title>刘代码博客(liudaima.com)title><styletype="text/css">h1{color:red;}h2{color:green;}p{color:blue;}style>head><body><h1>这是一个H1标题h1><h2>这是一个H2标题h2><p>这是一个阶段文字。p>body>html>
以上代码中,分别界说了标签
、
和
的CSS款式作用,排列如下:
界说的
标签款式代码是h1{color:red;},其意为H1标题为红色;
界说的
标签款式代码是h2{color:green;},其意为H2标题为绿色;
界说的
标签款式代码是p{color:blue;},其意为P阶段文字为蓝色;
所以,示例中的代码在浏览器中的作用如下图所示:
2019-09-09_025129.png
标签特点
scoped特点为html5新增特点,界说了scoped特点style标签的款式,叫做范围款式,也叫,有style标签有了这个特点就可以不必放在标签头部区域。
优秀作品:
最新作品: