Dedecms 模板中心

您现在的位置: 秀站网 > 织梦大学 > 模块插件 >

样式表CSS命名规则

来源:重庆时时彩独胆技巧 发布时间:2012-12-14热度: ℃我要评论
很多站长朋友在DIV+CSS写HTML的时候,对CSS中的命名很头痛,不知道怎么书写是科学的,下面秀站网分享的CSS命名规则,供大家参考,不至于在写CSS的时候在犯头痛。...

本文地址:http://www.helaal.com/dedecms_mk/101.html
文章摘要:样式表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

本文地址:http://www.helaal.com/dedecms_mk/101.html

    相关阅读

    时时彩走势图表 时时彩软件分析 时时彩黑平台攻击 2017最新手机赚钱平台 打黑彩
    时时彩登录平台 提款随意的时时彩平台 信用卡充值娱乐平台 时时彩开户送彩金qq群 凤凰彩票平台可靠吗
    江西时时彩有几种投注法 时时彩报号软件 酷彩官网 吉林时时彩快3走势图百度 3d时时彩游戏机
    七乐彩开奖结果 3d时时彩游戏机说明书 江西时时彩最长组三 360新时时彩软件 江西时时彩咨询热线
    吉林快3综合走势 福彩开奖结果 比分直播比分帝 福建11选5复式玩法表 德州扑克分析仪
    极速时时彩开奖记录 二八杠官方下载 幸运飞艇奇偶走势图 福彩2017026东方6+1 蝌蚪娱乐平台下载
    安徽快3二同号单选遗漏数据 香港六合彩信息 大乐透玩法介绍 广东11选5定胆 泳坛夺金中2个号算中奖
    广东今晚36选7开奖结果 云南快乐十分遗漏数据 天津快乐十分开奖 重庆时时彩预测辅助工具下载 广东快乐十分