怎么载入2个CSS文件

时间:2024-10-12 02:16:15

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

怎么载入2个CSS文件

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

怎么载入2个CSS文件

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

怎么载入2个CSS文件

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

怎么载入2个CSS文件

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

怎么载入2个CSS文件

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

怎么载入2个CSS文件

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

怎么载入2个CSS文件
© 手抄报圈