Zen cart常用CSS元素——div ul dl dt ol的简单解释及布局定位

本帖最后由 美味龙虾 于 2012-8-16 08:03 编辑

post by waipiu / 2009-4-14 11:43 Tuesday xhtml 发表评论 几个css元素的简单解释 div ul dl dt oldiv,这个很常见,块级元素,div尽量少用,和table一样,嵌套越少越好

ol 有序列表。

  1. ……
  2. ……
  3. ……

表现为:

1……
2……
3……

ul 无序列表,表现为li前面是大圆点而不是123

  • ……
  • ……

很多人容易忽略 dl dt dd的用法

dl 内容块
dt 内容块的标题
dd 内容
可以这么写:

标题
内容1
内容2

dt 和dd中可以再加入 ol ul li和p

理解这些以后,在使用div布局的时候,会方便很多,w3c提供了很多元素辅助布局

由于项目中编写文档结构、编写CSS的人员较多,并与程序员协同工作,就需要统一class与id的名称,前天花了一点时间,按照大多人的习惯,制定了下面的常用关键字:
容 器:container/box
头 部:header
主 导 航:mainNav
子 导 航:subNav
顶 导 航:topNav
网站标志:logo
大 广 告:banner
页面中部:mainBody
底 部:footer
菜 单:menu
菜单内容:menuContent
子 菜 单:subMenu
子菜单内容:subMenuContent
搜 索:search
搜索关键字:keyword
搜索范围:range
标签文字:tagTitle
标签内容:tagContent
当前标签:tagCurrent/currentTag
标 题:title
内 容:content
列 表:list
当前位置:currentPath
侧 边 栏:sidebar
图 标:icon
注 释:note
登 录:login
注 册:register
列 定 义:column_1of3 (三列中的第一列)
column_2of3 (三列中的第二列)
column_3of3 (三列中的第三列)