首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

选择符的定名

2012-10-31 
选择符的命名页面布局:-页面头部:header-图标:logo-右上快捷区域:quicklinks-页面中部:page-侧栏:side col

选择符的命名
页面布局:

  -页面头部:header
    -图标:logo
    -右上快捷区域:quicklinks
  -页面中部:page
    -侧栏:side column
    -主栏:main column
    -第三栏:extra column
    -区块:section
      -区块顶部:heading
      -区块中部:container
      -区块底部:footing
  -页面底部:footer
    -版权说明:copyright

常用布局:

  -田字格布局:show case
  -列表布局:list
  -标签切换:tab
  -排行榜:billboard
  -表单:post form
  -纯文字区域:text area
  -翻页:page navigation

通用模块:

  -导航栏:nav
  -登陆框:login box
  -搜索框:search box

通用样式:

  -高亮:highlight
  -激活:active,或者on
  -清除浮动:fix,或者clear
  -图:pic
  -文:txt

对于层叠的情况,有三种命名方式:

  a) 模块名和元素名绑成一个名字。比如.comment_title。

  b) 只用元素名,只对元素名定义样式。比如.keywords。

  c) 也是只用元素名,但是将选择符层叠定义,比如.login .username。

摘自 小麦 http://www.mikkolee.com/page/2

热点排行