盘锦网站建设,盘锦做网站,盘锦网站设计,盘锦网页设计,盘锦网站制作,盘锦网络公司,盘锦网页制作,盘锦网站优化,盘锦网站推广,盘锦网站策划设计
设为首页  加入收藏  联系我们 日期:
博客登录 用户名: 密码: 注册
 
互动 博客 家园 相册 亲子乐园
媒体 盘锦直播 辽河晚报 盘锦论坛
汽车 盘锦违章 辽油违章 网上选号
娱乐 休闲游戏 热播剧集 高清影院
买卖 盘锦团购  房产 二手 消费指南
便民 人才 招聘 找工作 家政 教育
查询 医保帐户 汽车客运 公交线路 航空售票 列车时刻
电信 话费查询 3G上网卡 宽带测速 软件下载 网址大全
服务 网站建设 域名注册 空间租用 主机托管 成功案例
盘锦地区规模最大的网站建设机构 国家级网站建设资质
  首  页 自助建站 建站套餐 域名注册 空间租用 主机托管 成功案例 400电话 办公OA  
200

常用的CSS命名规则

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

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
上一篇:企业网站需要多大的虚拟空间? 下一篇:企业网站建设必须具备的六大功能
互联盘锦网站 版权所有©2002-2012 0427.COM 本站E_mail:webmaster@0427.com
地址:辽宁省盘锦市兴隆台区鹤舞路1号 邮编:124010 本站客服热线:0427-3210427 3200427
本站长年法律顾问:北京英浩律师事务所 主任、高级律师:李海波 备案号:辽ICP备12007079号-2    
以下js为测试信息