没有合适的资源?快使用搜索试试~ 我知道了~
网站命名规范大全CSS规范.docx
资源推荐
资源详情
资源评论
良好的命名规范可以为团队合作开发推波助澜,无论在项目开发,还是产品维护上都起到
了至关重要的作用。应该说命名规范是一种约定,也是程序员之间良好沟通的桥梁。
另外古人相信只要知道一个人真正的名字就会获得凌驾于那个人之上的不可思议的力量。
只要给事物想到正确的名字,它就可以带来比代码更强的力量。如果所有的命名都与其自
然相适合,则关系清晰,含义可以推导得出,一般人的推想也能在意料之中。
CSS+DIV 的命名规则:
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
友情链接:friendLink
页脚:footer
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
版权:copyRight
1.CSSID 的命名
外套:wrap
主导航:mainNav
子导航:subnav
页脚:footer
整个页面:content
页眉:header
页脚:footer
商标:label
标题:title
主导航:mainNav(globalNav)
顶导航:topnav
边导航:sidebar
左导航:leftsideBar
右导航:rightsideBar
旗志:logo
标语:banner
菜单内容 1:menu1Content
菜单容量:menuContainer
子菜单:submenu
边导航图标:sidebarIcon
注释:note
面包屑:breadCrumb(即页面所处位置导航提示)
容器:container
内容:content
搜索:search
登陆:login
功能区:shop(如购物车,收银台)
当前的 current
2.样式文件命名
主要的:master.css
布局版面:layout.css
专栏:columns.css
文字:font.css
打印样式:print.css
主题:themes.css
说明:均为 class,需要扩展,则在当前命名内以“_“(下划线)后缀自定名称。
我习惯称列表页为list,新闻列表则为 newslist,图片列表为 piclist,
内容页为 view,
/**/
整体大框架: #wrapper
大框架内: #inwrapper
/////////////////////////////////////////////////////////////////////////////////////////////////////////
顶部及 banner:.top
顶部及 banner 内: .intop
Logo:.logo
Banner:.banner
导航: .menu
导航内: .inmenu
.Menuul
.Menuul li
.Menuul li a
下拉菜单: .inmenu_xiala
.Inmenu_xialaul
.Inmenu_xialaul li
.Inmenu_xialaul li a
///////////////////////////////////////////////////////////////////////////////////////////////////////////
主体内容: .mainWrapper
主体内容内: .inmainwrapper
左侧拦: .sideleft
左侧内: .insideleft
右侧栏: .sideright
右侧内: .insideright
中间: .sidecenter
中间内: .insidecenter
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
底部: .foot
底部内: .infoot
////////////////////////////////////////////////////////////////////////////////////////////////////////////
/*其他命名*/
搜索: .search
搜索内: .insearch
搜索条: .searchselect
搜索按钮: .serachbuttom
输入文本框: .input
.select
/*表格样式*/
表格整体框架: .listbox
表格的宽度: .listbox-table
表格头部文字样式: .listbox-header
表格正文文字样式: .listbox-entry
/*通用型*/
通用: .GM/*这个有点郁闷,英文太差...*/
通用内: .INGM
通用左浮动: .GMfl(GM FLOATLEFT)
通用右浮动: .GMfr(GM FLOAT RIGHT)
/*通用图片样式*/
通用图片样式: .img
/*清除浮动*/
清除所有浮动: .clear
清除左侧浮动: .clearleft
清除右侧浮动: .clearright
/*文字样式*/
剩余24页未读,继续阅读
资源评论
Cheng-Dashi
- 粉丝: 108
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 以简单、易用、高性能为目标、开源的时序数据库,支持Linux及Windows, Time Series Database.zip
- python-leetcode面试题解之第198题打家劫舍-题解.zip
- python-leetcode面试题解之第191题位1的个数-题解.zip
- python-leetcode面试题解之第186题反转字符串中的单词II-题解.zip
- 一个基于python的web后端高性能开发框架,下载可用
- python-leetcode面试题解之第179题最大数-题解.zip
- python-leetcode面试题解之第170题两数之和III数据结构设计-题解.zip
- python-leetcode面试题解之第168题Excel表列名称-题解.zip
- python-leetcode面试题解之第167题两数之和II输入有序数组-题解.zip
- python-leetcode面试题解之第166题分数到小数-题解.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功