css样式文件中如何导入另一个样式文件

 时间:2024-10-17 07:38:10

在css样式文件中,可以使用import导入另一个样式文件。下面小编举例讲解css皱诣愚继样式文件中如何导入另一个样式文件。

css样式文件中如何导入另一个样式文件

工具/原料

css+html

代码编辑器:zendstudio10.0

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解css样式文件中如何导入另一个样式文件。

css样式文件中如何导入另一个样式文件

2、在test.html文件内,使用p标签创建一行字符串,并设置其class属性为myword。

css样式文件中如何导入另一个样式文件

3、在test.html文件内,使用link标签引入base.css样式文件。

css样式文件中如何导入另一个样式文件

4、创建base.css文件,在文件中,通过import导入另一个样式文件base2.css。

css样式文件中如何导入另一个样式文件

5、创建base2.css文件,在文件中,通过class设置p标签的样式,定义它的字体大小为30px,字符颜色为红色。

css样式文件中如何导入另一个样式文件

6、在浏览器打开test.html文件,查看实现的效果,可见成功导入css文件。

css样式文件中如何导入另一个样式文件

Dreamweaver CS6如何应用:[29]CSS百分比值 html中如何修改字体大小 FLASH中音频文件无法导入故障处理 html站点如何设置 FrontPage技巧:[15]如何在网页中制作表格框架
热门搜索
三只小猪的故事图片 歪歪漫画下载安装 南瓜图片大全 边框图片大全 哈佛校训图片