div+css前端命名有什么规则
这篇文章将为大家详细讲解有关div+css前端命名有什么规则,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
十载的洪山网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同,自动调整洪山建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。成都创新互联从事“洪山网站设计”,“洪山网站推广”以来,每个客户项目都认真落实执行。
前端布局规范细则
一、命名规范:
1、基本要求:
1)文件编码统一使用 UTF-8 编码;
2)命名时以符合语义为主要参考指标,CSS属性书写规范,采用统一风格及命名方法;
3)结构清晰,层级关系明朗,以不超过三级为标准;
4)同一表现形式的样式要求可重复利用,模块组件类的样式要求可整体外部移植;
5)编写 CSS 的时候,应当避免使用CSS Hack,能不用则不用。
6)所有页面默认都针对Firefox 等最接近标准的浏览器进行设计,然后使用 IE 特有条件注释功能进行针对性修正。
7)请使用英文进行命名,尽量避免使用拼音。命名要求具有可读性,尽量避免使用缩写。命名虽然允许数字,但应尽量避免使用数字命名。
2、命名方法 要求采用统一的命名方法。常用命名方法有:
1)连写式命名法,如:helloworld
2)中线命名法,如:hello-world(目前采用此方法的较多,建议采用)
3)下划线命名法,如:hello_world
4)骆驼命名法,如:helloWorld
5)帕斯卡命名法,如:HelloWorld
6)其他方法。
3、样式文件命名规范 如:
全局的:global.css;
主要的:master.css;
布局、版面:layout.css;
专栏:columns.css;
文字:font.css;
打印样式:print.css;
主题:themes.css;
补丁:pacth.css;
格式化浏览器:base.css等。
4、ID及Class命名常用名称
页头:header
登录条:login-bar
标志:logo
侧栏:side-bar
广告:banner
导航:nav
子导航:sub-nav
菜单:menu
子菜单:sub-menu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
友情链接:friendlink
版权:copyright
外套:wrap
页脚:footer
标题:title
顶导航:top-nav(mini-nav)
关于div+css前端命名有什么规则就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
文章标题:div+css前端命名有什么规则
本文URL:http://hbruida.cn/article/gopocp.html