您的位置首页生活百科

怎么载入2个CSS文件

怎么载入2个CSS文件

的有关信息介绍如下:

怎么载入2个CSS文件

在制作网页的时候,经常需要引入外部的css文件来进行页面布局,那么,需要引入2个css文件该如何操作呢?下面小编举例讲解怎么载入2个CSS文件。

新建一个html文件,命名为test.html,用于讲解怎么载入2个CSS文件。

在test.html文件内,使用p标签创建一行文字,文字内容为“怎么载入2个CSS文件”。

在test.html文件内,给p标签设置一个class属性,类名为mypp。

新建一个css文件,命名为a.css,在该css文件内,设置mypp类名的样式,定义其文字大小(font-size)为30px,文字颜色(color)为白色。

新建一个css文件,命名为b.css,在该css文件内,设置mypp类名的样式,定义其背景颜色(background)为红色,宽度(width)为300px。

在test.html文件内,使用link标签载入2个css文件,href属性分别为css的文件名a.css,b.css。

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

1、创建一个test.html文件。

2、在文件内,使用p标签创建一行文字。

3、创建两个css文件,在两个文件内,编写css样式。

4、重复使用link标签,载入两个css文件。