项目的css+div命名

项目的css+div命名

ID:13544596

大小:55.50 KB

页数:3页

时间:2018-07-23

项目的css+div命名_第1页
项目的css+div命名_第2页
项目的css+div命名_第3页
资源描述:

《项目的css+div命名》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、项目的css+div命名注:这是我在网上整理的,命名规范,请大家这次项目务必严格按以下规范做,如果没按规范做要求重做!理由如下:1、css命名规范可以节约团队开发时间。特别在团队合作开发网站项目中,大家规范的来制作一套共识的css命名,将节约开发时间及成本,如果开发项目中div+css开发者乱命名css,将给后来的程序员的解读带来不便。2、css命名规范可为以后维护带来方便Div+css开发好后网站项目制作好后,很难保证以后不调整及优化,这样自己没有自己一套css命名特点,将为自己以后的维护带来不便。3、无论是考虑团队开发、以后的维护、DI

2、VCSS的命名都相当重要,也是对自己的一种严格要求。规范如下:页面布局命名规范例:

名称Css类命名容器container页头header内容content页面主体main页尾footer导航nav侧栏sidebar栏目column左右中leftrightcenter导航
名称Css类命名主导航mainbav子导航subnav顶导航topnav边导航sidebar左导航leftsidebar右导航rightsidebar菜单menu子菜单

3、submenu标题title功能

名称Css类命名标志logo广告banner登陆login登录条loginbar注册regsiter搜索search功能区shop状态status按钮btn滚动scroll标签页tab文章列表list提示信息msg当前的current图标icon指南guild1)颜色:使用颜色的名称或者16进制代码,如.red{color:red;}.f60{color:#f60;}.ff8600{color:#ff8600;}(2)字体大小,直接使用"font+字体大小"作为名

4、称,如.font12px{font-size:12px;}.font9pt{font-size:9pt;}(3)对齐样式,使用对齐目标的英文名称,如.left{float:left;}.bottom{float:bottom;}(4)标题栏样式,使用"类别+功能"的方式命名,如.barnews{}.barproduct{}注意事项::1.一律小写;2.尽量用英文;3.不加中杠和下划线;4.尽量不缩写,除非一看就明白的单词.主要的master.css模块module.css基本共用base.css布局,版面layout.css主题themes

5、.css专栏columns.css文字font.css表单forms.css补丁mend.css打印print.css

当前文档最多预览五页,下载文档查看全文
侵权申诉

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签