CSS的4种样式

CSS的4种样式

1.CSS行内样式

在开始标签内添加style样式属性

<p style= "color:red">这里是内容</p>

2.CSS内部（嵌入）样式

在head标签内添加

<style type="text/css">
	p{color:red;}
</style>

对于低版本的浏览器，无识别样式标签。
解决办法：在style标签内用注释标签
理由：高版本的浏览器能识别样式标签，会自动忽视注释标签；低版本浏览器可以注释掉样式，不会在页面上显示代码

3.CSS外部样式

• 把CSS样式代码写在独立的一个文件中；扩展名：css文件名.css
• 在head标签内引入外部文件

 <link href = "XX.css" rel="stylesheet" type="text/css"/>

4.CSS导入式

在head标签内的style标签内导入，用@import导入

• 方法1

<style type = "text/css">
@import "外部样式CSS所在位置"
</style>

• 方法2

<style type = "text/css">
@import url(外部样式所在位置)
</style>

总结

推荐第三种外部样式