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

    相关阅读

    彩神通彩票软件 君彩时时彩软件 博众时时彩怎么玩 时时彩四星皇恩娱乐 重庆时时彩012走势图
    内蒙古时时彩赚钱 时时彩全胆 时时彩后一稳赚 龙腾时时彩软件 时时彩国家正规平台
    发计划时时彩软件 江苏11选5玩法技巧 江西时时彩平台下载 易语言时时彩计划源码 重庆时时彩计划群输钱经历
    重庆时时彩软件改单 彩无敌时时彩软件官网 时时彩自动充值接口 时时彩三星四码诀窍 时时彩正规网站官网
    彩票网彩票 北京pk拾要怎么抓走势 北京十一选五投注 好彩1开奖结果直播 重庆时时彩开奖视频
    黑龙江十一选五遗漏号 宁夏11选5开奖结果查询 大乐透14007 安徽11选5预测 北京十一选五前三号码
    新疆18选7开奖结果查询 南国特区七星彩票论坛 幸运28俱乐部 浙江11选5走势图任选 赛车总动员1免费
    河南快三最新开奖结果 江苏十一选五走试图 安徽11选5开奖结果 斗地主技巧 众赢娱乐