仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 893|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:web尺度化计划:经常使用的CSS定名划定规矩

[复制链接]
精灵巫婆 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:13:14 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。
经常使用的CSS定名划定规矩
  头:header
  内容:content/container
  尾:footer
  导航:nav
  侧栏:sidebar
  栏目:column
  页面核心把持全体结构宽度:wrapper
  摆布中:leftrightcenter
  登录条: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*/
  内容区
  /*EndFooter*/
  (三)id的定名:
  (1)页面布局
  容器:container
  页头:header
  内容:content/container
  页面主体:main
  页尾:footer
  导航:nav
  侧栏:sidebar
  栏目:column
  页面核心把持全体结构宽度:wrapper
  摆布中:leftrightcenter
  (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
</p>
在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-22 20:43

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表