域名注册

虚拟主机

企业邮局

网站推广

客户支持

联系我们

优惠套餐
 
首页>   宝盒使用视频 |  建站宝盒  |  模板试用   | 数据库  |  代理进入  | 自定制空间 |   价格列表 | 特色主机 |  用户注册 | 交费方式 | 联系我们 | 咨询热线:4000-808-394
点击这里,开始试用模板,不注册完全免费试用!建网站的朋友,如果您已经有了主机和域名,可以点击这里单独购买建站宝盒建网站,如果没有主机和域名,可以点击这里购买我们的主机和域名,购买主机免费赠送建站系统,推荐购买优惠套餐香港G01型,在线交费即可立即建站,快速建站首选!不懂建站,也能建站,上千套模板任选,功能强大,含有会员系统,在线支付等功能,是建立强大的电子商务网站之首选
200

常用的CSS命名规则

时间: 2015-04-06 16:46:55   点击数: 26086

css

  网页设计中常用的CSS命名规则:

       头: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
       (二)注释的写法:
       /* 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
       下载:download
       投票:vote
       合作伙伴:partner
       友情链接:link
       版权:copyright
       (四)class的命名:
       (1)颜色:使用颜色的名称或者16进制代码,如
       .red { color: red; }
       .f60 { color: #f60; }
       .ff8600 { color: #ff8600; }
       (2)字体大小,直接使用"font+字体大小"作为名称,如
       .font12px { font-size: 12px; }
       .font9pt {font-size: 9pt; }
       (3)对齐样式,使用对齐目标的英文名称,如
       .left { float:left; }
       .bottom { float:bottom; }
       (4)标题栏样式,使用"类别+功能"的方式命名,如
       .barnews { }
       .barproduct { }
       注意事项::
       1.一律小写;
       2.尽量用英文;
       3.不加中杠和下划线;
       4.尽量不缩写,除非一看就明白的单词.
       主要的 master.css
       模块 module.css
       基本共用 base.css
       布局,版面 layout.css
       主题 themes.css
       专栏 columns.css
       文字 font.css
       表单 forms.css
       补丁 mend.css
       打印 print.css
上一篇:企业网站需要多大的虚拟空间? 下一篇:企业网站建设必须具备的六大功能
本站程序界面、源代码受相关法律保护,未经授权,严禁使用    
网站备案编号: 京ICP备08001911号  服务热线:4000-808-394   QQ:点击咨询如何做网站  友情:保定注塑加工厂  记古诗  桔子皮影视
Copyright © 2007-2019  hao366.net,INC. All rights reserved
以下js为测试信息