网站命名规范大全CSS规范.doc
- 文档编号:387078
- 上传时间:2022-10-09
- 格式:DOC
- 页数:15
- 大小:157.50KB
网站命名规范大全CSS规范.doc
《网站命名规范大全CSS规范.doc》由会员分享,可在线阅读,更多相关《网站命名规范大全CSS规范.doc(15页珍藏版)》请在冰豆网上搜索。
良好的命名规范可以为团队合作开发推波助澜,无论在项目开发,还是产品维护上都起到了至关重要的作用。
应该说命名规范是一种约定,也是程序员之间良好沟通的桥梁。
另外古人相信只要知道一个人真正的名字就会获得凌驾于那个人之上的不可思议的力量。
只要给事物想到正确的名字,它就可以带来比代码更强的力量。
如果所有的命名都与其自然相适合,则关系清晰,含义可以推导得出,一般人的推想也能在意料之中。
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
.Menuulli
.Menuullia
下拉菜单:
.inmenu_xiala
.Inmenu_xialaul
.Inmenu_xialaulli
.Inmenu_xialaullia
///////////////////////////////////////////////////////////////////////////////////////////////////////////
主体内容:
.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(GMFLOATLEFT)
通用右浮动:
.GMfr(GMFLOATRIGHT)
/*通用图片样式*/
通用图片样式:
.img
/*清除浮动*/
清除所有浮动:
.clear
清除左侧浮动:
.clearleft
清除右侧浮动:
.clearright
/*文字样式*/
文字:
.font
/*新闻列表*/
新闻列表:
.fontnews
/*View页字体总样式*/
VIEW页字体:
.fontview
商 标:
label
标 题:
title
主导航:
mainbav(globalnav)
顶导航:
topnav
边导航:
sidebar
左导航:
leftsidebar
右导航:
rightsidebar
旗 志:
logo
标 语:
banner
菜单内容1:
menu1content
菜单容量:
menucontainer
子菜单:
submenu
边导航图标:
sidebarIcon
注释:
note
面包屑:
breadcrumb(即页面所处位置导航提示)
容器:
container
内容:
content
搜索:
search
登陆:
Login
功能区:
shop(如购物车,收银台)
当前的 current
报头:
masthead
摘要,概要 summary或general
左边的浮动照图片photoleft
右边的浮动图片photoright
标题 title
条目底端 entrybottom
更多 extended或.more
容器背景containerbg
服务 service
服务链接 servicelink
线 line
文本 text
右边 rightside
版权 copyright
新闻 news
书皮 wrapper
介绍 intro-part1
专栏 column
路径 pathways
片断 section
模块 module
上导航 subnav
2.另外在编辑样式表时可用的注释可这样写:
<--Footer-->
内容区
<--EndFooter-->
3.样式文件命名
主要的master.css
布局,版面layout.css
专栏columns.css
文字font.css
打印样式print.css
主题themes.css
4.样式表中的注示
实例一
/*GLOBAL---------------------------*/
/*LINKS---------------------------*/
/*FORMS---------------------------*/
/*IDS---------------------------*/
/*HEADER---------------------------*/
/*COLUMN1---------------------------*/
/*COLUMN2---------------------------*/
/*CLASSES---------------------------*/
实例二
HTML
实例三(网易)
CSS
#UrsLogin
#LogoNav
#Column
#Content1
#bNav
#Copyright
#UrsLogin
#LogoNav
#SearchArea
#ChannelArea
#HotNews
#NewsCenter
.keyword
#MallArea
#city
#aboutus
……………………
常见命名
包含wrapper和container
页头header或缩写为hd
页尾footer或缩写为ft
导航nav
您的位置breadcrumbs
二级导航sub_nav
侧栏sidebar或side-column
模块module
数据库中的命名规则
数据库涉及字符规则
采用26个英文字母(区分大小写)和0-9这十个自然数,加上下划线_组成,共63个字符。
不能出现其他字符(注释除外)。
数据库对象命名规则
数据库对象包括表、视图(查询)、存储过程(参数查询)、函数、约束。
对象名字由前缀和实际名字组成,长度不超过30。
前缀:
使用小写字母。
例如:
表-tb视图-vi存储过程-sp函数-fn
实际名字
实际名字尽量描述实体的内容,由单词或单词组合,每个单词的首字母大写,其他字母小写,不以数字和_开头。
例如:
表User_Info视图UserList存储过程UserDelete
因此,合法的对象名字类似如下。
表tbUser_Info、tbMessage_Detail
视图vi_MessageList
存储过程sp_MessageAdd
数据库表命名规则
字段由前缀和实际名字组成。
实际名字中首单词一个系统尽量采取同一单词。
前缀:
使用小写字母tb,表示表。
例如:
tbMember tbMember_Info tbForum_Board tbForum_Thread1
字段命名规则
数字、字符、日期/时间、lob(大对象)、杂项,字段由表的简称、下划线,实际名字加后缀组成。
后缀:
使用小写字母,代表该字段的属性。
例如:
User_Idint User_Namestr User_RegDatedtm
视图命名规则
字段由前缀和实际名字组成,中间用下划线连接。
前缀:
使用小写字母vi,表示视图。
例如:
vi_User vi_UserInfo
存储过程命名规则
字段由前缀和实际名字组成,中间用下划线连接。
前缀:
使用小写字
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 命名 规范 大全 CSS