当前位置: 网站建设 > 网页设计 > 建站经验 >

css命名规则:图片切图转网页的代码规范

时间:2013-03-02 03:44来源:未知 作者:admin 点击:

标签:css命名规则:图片切图转网页的代码规范 命名(12)功能区(1)图片(50)CSS(655)规则(15)代码(82)规范(14)切图转(1)网页(168)
功能区:shop 3.id名及类名的多个英文单词之间使用_短横线分隔; 布局,版面 layout.css .font12px { font-size: 12px; } 注册:regsiter 下载:download 左导航:leftsidebar 导航:nav 菜单:menu 子菜单:submenu 标题: title 摘要: summary 侧栏:sidebar
css命名规则:图片切图转网页的代码规范》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023330R013.htm


  功能区:shop


  3.id名及类名的多个英文单词之间使用“_”短横线分隔;


  布局,版面 layout.css


  .font12px { font-size: 12px; }


  注册:regsiter


  下载:download


  左导航:leftsidebar


  导航:nav


  菜单:menu 子菜单:submenu 标题: title 摘要: summary


  侧栏:sidebar 栏目:column 左右中:left right center


  标签页:tab


  状况:status


  友谊链接:link


  .red { color: red; }


  解释:note


  图标: icon


  协作搭档:partner


  .font9pt {font-size: 9pt; }


  ,CSS命名的三种规范化命名规则.barproduct { }


  文字 font.css 表单 forms,CSS加载失败原因的总结与分析.css 补丁 mend.css


  附:一些CSS框架的命名参考


  登录条:loginbar


  提醒信息:msg


  标题:title


  当前的: current


  登陆:login


  子导航:subnav


  搜寻:search


  参加:joinus


  (4)题目栏样式,使用"种别+功效"的方法命名,如


  1.不使用大写情势的类名和id名;


  .f60 { color: #f60,CSS制作网页的一些经验分享; }


  标记:logo


  页面主体:main 页尾:footer 导航:nav

Tag:代码   规范   网页   图片  ,CSS制作网页时清除网页浮动的作用; 命名   规则     代码   规范   网页   图片   命名  ,css制作漂亮的新闻列表; 规则    


  (1)颜色:使用色彩的名称或者16进制代码,如


  主导航:mainbav

  网上收拾的比拟好的css命名规矩,为css代码的标准化做参考,增添代码的可读性。


  容器: container 页头:header 内容:content/container

--> [网站建设之]css命名规则:图片切图转网页的代码规范


  转动:scroll


  按钮:btn


  重要的 master.css 模块 module,CSS制作星级评价的功能.css 基础共用 base,CSS初学者必知CSS技巧.css


  4.按区域进行描述编号 例:main01_div01_ul01 (能够懂得为主体第一区域 第一DIV下的第一个UL)


  (2)导航


  2,CSS创建圆角框.尽可能使用描写性的英文单词的组配合为类名跟id名;


  顶导航:topnav


  边导航:sidebar


  右导航:rightsidebar


  指南:guild


  留神事项:


  服务:service


  (3)对齐款式,应用对齐目的的英文名称,CSS分内部和外部两种方式,如


  class的命名:


  (2)字体大小,直接使用"font+字体大小"作为名称,如


  消息:news


  .barnews { }


  小技能:tips


  版权:copyright


  主题 themes.css 专栏 columns.css 打印 print.css


  .bottom { float:bottom; }


  .ff8600 { color: #ff8600; }


  页面外围把持整体布局宽度:wrapper


  (3)功能


  投票:vote


  广告:banner


  (1)页面构造


  id的命名:


  热门:hot


  文章列表:list


  ,css兼容调试常见情况及相应方法.left { float:left; }


(责任编辑:网站建设)
css命名规则:图片切图转网页的代码规范相关文章
上一篇:CSS命名的三种规范化命名规则 下一篇:CSS图片层叠实现古画效果
回到顶部