在html页面中，把css从html里分离出来，主要是通过css文件的方式进行分离。下面小编举例讲解怎么把css从html里分离出来。工具/原料morehtml+css代码编辑器：Zend Studio 12.5.1方法/步骤1/7分步阅读

新建一个html文件，命名为test.html，用于讲解怎么把css从html里分离出来。

2/7

在test.html文件中，使用div标签创建一行文字，下面将在css文件中定义div的样式。

3/7

在test.html文件中，给div设置class属性，例如，设置为mydiv。

4/7

新建一个css文件，命名为test.css，用于编写div的样式。

5/7

在test.css文件中，给类名为mydiv的div设置css样式，使用font-size定义div文字的大小为20px，使用color定义div的文字的颜色为红色。

6/7

在test.html文件中，通过link标签引入外部的css文件，实现给页面中的div设置css样式 。

7/7

在浏览器打开test.html文件，查看实现的效果。

总结：1/1

1、创建一个test.html文件，在文件内，使用div创建一行文字，并设置其class属性为mydiv。2、创建一个test.css文件，在文件内，对类名为mydiv的div设置样式。3、在test.html文件中使用link标签导入test.css样式。

注意事项

除了使用css文件的方式把css样式从html元素分离出来外，也可以直接在页面中使用type为text/css的style标签定义样式。

CSS