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

    相关阅读

    澳门时时彩是不是真的 时时彩组三组六判断 江西时时彩走势图旧 重庆时时彩骗人手段 重庆时时彩大小图表
    皇冠重庆时时彩 时时彩群表情包 时时彩怎么刷量 时时彩两个平台互刷 时时彩演示平台
    网赌时时彩作假被揭穿 腾龙时时彩做号手机版 时时彩五星胆组 江南听雨 黑客时时彩刷水怎么刷
    重庆时时彩怎么玩最稳? 黑寡妇时时彩软件 天天时时彩人工计划软件官方版 极速赛车彩票计划软件 时时彩早上几点开始
    推荐你个pk10信誉平台登录 新疆时时彩三星后走势图 黑龙江十一选五技巧 贵州快三8日走势图计划 黑龙江22选5开奖结果'
    天地癞子qq斗地主下载手机版,网狐经典版斗地主源码 网络赌博,传奇私服赌博技巧,赌博攻略,网络赌博,广州捣毁赌博窝点 北京快三走势图基本图彩票控 北京时时彩软件手机软件 体育彩票双色球
    天津时时彩时间 陕西11选5走势图下载安装 幸运农场分析软件 领航时时彩重庆版 甘肃庆阳四中照片下载?甘肃快35月3日开奖?甘肃快3对子技巧?广西快3
    彩会百家乐 世界杯彩票玩法计划☆360彩票走势图计划☆专业彩票走势图计划☆互联网彩票计划☆海南七星彩票论坛 香港六合彩马报 云南十一选五开奖结果今天 新疆35选7哪里中奖