本篇整理了Web前端开发中的各种CSS规范，包括文件规范、注释规范、命名规范、书写规范等。今天给大家介绍的是文件规范。

一、文件规范：

1、考虑到目前公司的项目分为PC网站和自适应网站，原则上css分为三大类：

l 通用类（kgu.reset.css）：用于存放kgu前端模板的通用样式；

l 自适应类（kgu.less.css）：用于存放kgu前端模板的通用自适应样式；

l 自定义类（kgu.css）：用于存放项目制作人自定义的页面样式。

2、CSS文件均归档至约定的目录中。

目录深度为：

../项目目录/css/kgu.reset.css

../项目目录/css/kgu.less.css

../项目目录/css/kgu.css

另，页面所用的图标字体文件亦存放在此路径中(独立文件夹打包)，方便调用：

../项目目录/css/font/文件名

3、文件引入可通过外联或内联方式引入。

外联方式：link（类型声明type=”text/css”可以省略）

内联方式：style（类型声明type=”text/css”可以省略）

link和style标签都应该放入head中，原则上，不允许在html上直接写样式。

4、自定义文件名、文件编码：

文件名必须由小写字母、数字、下划线、‘.’组成

文件必须用UTF-8编码，使用UTF-8（非BOM），在HTML中指定UTF-8编码，在CSS中则不需要特别指定因为默认就是UTF-8。

空谷网络2010.3成立；

核心业务：高端网站建设、电商平台、移动端开发、互联网人力资源[培训+人力外包]、互联网+；

网页设计师联盟连续6年苏州地区金牌设计企业；

阿里巴巴旗下阿里云建站市场苏州地区推荐服务商；

电商系统ECshop官方授权技术供应商；

江苏省民营科技企业，创业园优秀企业，拥有软件著作权13项，软件产品1项，正在申报双软和江苏省高新技术企业。

空谷网络——有梦想，懂分享！

了解更多关于空谷网络，拨打电话：4006-515-848。

本篇文章版权由苏州空谷网络科技有限公司所有，如需转载，请注明出处！