引⼊CSS样式表的三种⽅法
1.⾏内式
<；标记名 >内容</标记名>
该语法中style是标记的属性，实际上任何HTML标记都拥有style属性，⽤来设置⾏内式。其中属性和值的书写规范与CSS样式规则相同，⾏内式只对其所在的标记及嵌套在其中的⼦标记起作⽤。
<body>
<h2 >使⽤CSS⾏内式修饰⼆级标题的字体⼤⼩和颜⾊</h2>
</body>
⾏内式也是通过标记的属性来控制样式的，这样并没有做到结构与表现的分离，所以⼀般很少使⽤。只有在样式规则较少且只在该元素上使⽤⼀次，或者需要临时修改某个样式规则时使⽤。
2.内嵌式
<head>
<style type="text/css">
选择器{属性1：属性值1；属性2：属性值2；属性3：属性值3;}
</style>
</head>
该语法中，<style>标记⼀般位于<head>标记中的<title>标记之后，也可以把它放在HTML⽂档的任何地⽅。但是由于浏览器是从上到下解析代码的，把CSS代码放在头部便于提前被下载和解析，以避免⽹页内容下载后没有样式修饰带来的尴尬。同时必须设置type的属性值为“text/css“，这样浏览器才知道<style>标记包含的是CSS代码，因为<style>标记还可以包含其他代码，如JavaScript代码。
<head>
<title>内嵌式引⼊CSS样式表</title>
<style type="text/css">
h2{text-align:center;}
p{font-size:16px;color:red;text-decoration:underline;}
</style>
</head>
<body>
<h2>内嵌式CSS样式</h2>
<p>使⽤style标记可定义内嵌式CSS样式表，style标记⼀般位于head头部标记中，title标记之后。</p>
</body>
textstyle内嵌式CSS样式只对其所在的HTML页⾯有效，因此，仅设计⼀个页⾯时，使⽤内嵌式是个不错的选择。但如果在⼀个⽹站，不建议使⽤这中⽅式，因为它不能充分发挥CSS代码的重⽤优势。
3.链⼊式
链⼊式是将所有的样式放在⼀个或多个以.css为扩展名的外部样式表⽂件中，通过<like/>标记将外部
样式表⽂件链接到HTML⽂档中。
<head>
<like href="CSS⽂件的路径" type="text/css" rel="stylesheet"/>
</head>
该语法中，<like/>标记需要放在<head>头部标记中，并且必须指定<like/>标记的三个属性。如下：
href：定义所链接外部样式表⽂件的URL，可以是相对路径，也可以是绝对路径。
type：定义所链接⽂档的类型，在这⾥需要制定为”text/css“，表⽰链接的外部⽂件为CSS样式表。
rel：定义当前⽂档与被链接⽂档之间的关系，在这⾥需要指定为”stylesheet“，表⽰被链接的⽂档是⼀个样式表⽂件。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论