CSS 引入方式总结

CSS 引入方式总结

1.内部样式表：
内部样式表是写在html页面内部，是将CSS代码抽取出来，放在style标签中。

这种方法也常常被称之为嵌入式引入，理论上可以放在html文档任何地方，但是一般放在head标签中。

语法格式如下：

<style>
	div {
		color: red;
		font-size: 12px;
	}
</style>

2.行内样式表：
行内样式表是在标签内部的style属性中设定CSS样式，适合修改简单样式。
但是比较不推荐这么写。

语法格式如下：

<div style="color: red; font-size: 12px;">行内样式表</div>

3.外部样式表(最重要)：
样式单独写到一个css文件中，再将该css文件引入html使用。常用于开发过程中，在css文件中，直接写样式即可，不需要写标签。
在html文件head标签中，引入方式如下：

<link rel="stylesheet"   href="css文件路径">