K9 通用版 博客版 主题版 地方门户版 企业版 |   企业(ASP) 分类 使用 分享 疑问 模板 建议 帮助 错误 其他
+新建主题 [Ajax]
填写帐号密码即可完成注册
+新建话题 最新回复排序 最新主题排序 精华帖子

规范divCSS命名规则与常用CSS

1Next >

99163 发表于:10-09-08 18:50 [添加收藏] 楼主 [回复] #Top#
99163 人气:865 积分:1904 金币:6076
KC元老 灌水狂人

html,body,div,h2,h3,h4,p,td,tr,ul,ol,li,table,dl,dd,dt,img,form{margin:0;padding:0;}
ol,ul,li {list-style:none}
body {font-size:14px;line-height:24px;font-family:arial}


html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

 

    头:header
  内容:content/container
  尾:footer
  导航:nav
  侧栏:sidebar
  栏目:column
  页面外围控制整体布局宽度:wrapper
  左右中:left right center
  登录条:loginbar
  标志:logo
  广告:banner
  页面主体:main
  热点:hot
  新闻:news
  下载:download
  子导航:subnav
  菜单:menu
  子菜单:submenu
  搜索:search
  友情链接:friendlink
  页脚:footer
  版权:copyright
  滚动:scroll
  内容:content
  标签页:tab
  文章列表:list
  提示信息:msg
  小技巧:tips
  栏目标题:title
  加入:joinus
  指南:guild
  服务:service
  注册:regsiter
  状态:status
  投票:vote
  合作伙伴:partner

  
注释的写法
 
CSS注释
  
/* CSS Document */


  Html注释
  <!--footer-->
  <!--end footer-->

id的命名

(1)  页面结构

  容器: container
  页头:header
  内容:content/container
  页面主体:main
  页尾:footer
  导航:nav
  侧栏:sidebar
  栏目:column
  页面外围控制整体布局宽度:wrapper
左右中:left right center

  (2)导航

  导航:nav
  主导航:mainbav
  子导航:subnav
  顶导航:topnav
  边导航:sidebar
  左导航:leftsidebar
  右导航:rightsidebar
  菜单:menu
  子菜单:submenu
  标题: title
摘要: summary

  (3)功能

  标志:logo
  广告:banner
  登陆:login
  登录条:loginbar
  注册:regsiter
  搜索:search
  功能区:shop
  标题:title
  加入:joinus
  状态:status
  按钮:btn
  滚动:scroll
  标签页:tab
  文章列表:list
  提示信息:msg
  当前的: current
  小技巧:tips
  图标: icon
  注释:note
  指南:guild
  服务:service
  热点:hot
新闻:news
招聘:hr
  下载:download
  投票:vote
  合作伙伴:partner
  友情链接:link
  版权:copyright

苦树 发表于:10-09-09 16:39 沙发 [回复] #Top#
苦树 人气:25 积分:213 金币:12185
管理团队 KC元老
body {font-size:14px;line-height:24px;font-family:arial}
这句可缩写为
body{font:14px/24px 'arial';}
bingshao 发表于:10-09-09 17:41 板凳 [回复] #Top#
bingshao 人气:106 积分:527 金币:3830
这个要支持,挺不错的。
SinCS 发表于:10-09-09 17:48 4楼 [回复] #Top#
SinCS 人气:1148 积分:28 金币:77186
VIP 管理团队 特殊贡献
我不太提倡用小写来定义CSS,因为这些都是常用词,做表单的时候,有些会有冲突,虽然表单用的是name,但做ajax操作的时候,难免需要命名id的。
所以CSS的命名我建议用头字母大写,后面小写。
亦也 发表于:10-09-09 21:37 5楼 [回复] #Top#
亦也 人气:191 积分:491 金币:1305
最佳新人
我滴鸡肠好差!为此有时命名直接想到什么叫什么
jiaoda015 发表于:11-04-29 11:30 6楼 [回复] #Top#
jiaoda015 人气:15 积分:1 金币:640
规则大家自己定
lifetraveler 发表于:11-06-05 01:23 7楼 [回复] #Top#
lifetraveler 人气:5 积分:229 金币:415
这个要支持,挺不错的。

1Next >

发表回复

帐号 匿名发布 审核后可见 [加载完整在线编辑器]
内容
验证码
KingCMS 内容管理系统

关于我们 联系我们 广告报价 付款方式 站点导航

Copyright © 2004-2015 Focuznet All rights reserved.

广州唯众网络科技有限公司 粤ICP备08008106号