登录  /  注册

分享div+css前端命名的规则

yulia
发布: 2018-09-19 16:00:05
原创
1571人浏览过

我们在开发css+div网页的时候,比较困惑和纠结的事就是css命名,特别是新手不知道该如何命名,经常感觉到词穷,接下来就和大家讲讲div+css前端命名的规则,需要的朋友可以参考一下,希望对你有所帮助。

前端布局规范细则

一、命名规范:

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前端命名的规则的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
相关标签:
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号