一个标签中如何引用多个外部css

一个标签中如何引用多个外部css

在html标签中，可以通过给标签定义多个class属性来实现引用多个外部的css样式。下面小编举例讲解一个标签中如何引用多个外部css。

新建一个html文件，命名为test.html，用于讲解一个标签中如何引用多个外部css。

创建一个css文件，命名为test.css，用于在文件中编写外部的css样式。

在test.css文件中，定义类名为c1的样式，使用font-size属性设置文字大小为30px。

在test.html文件内，使用link标签引入test.css样式文件，代码如下：

在test.html文件内，再在标签内，定义类名为c2的样式，使用color设置文字的颜色为红色。

在test.html文件内，设置div标签的class属性，属性值为c1和c2，即引入test.css文件内的css样式和当前页面css标签内的样式。

在浏览器打开test.html文件，查看实现的效果，可见，成功引用了多个外部css样式。

1、创建一个test.html文件。2、在文件内，创建一个div模块。3、创建一个test.css文件，同时在里面设置类名为c1的样式。4、在test.html文件，在css标签内，设置类名为c2的样式。5、在div标签内，设置class属性为c1、c2，实现引用多个外部css样式。