文档介绍:Css的命名规则和Html标签使用规则
Css命名规则
样式文件命名规则
主要的
布局,版面
模块
主题
基本共用
表单
专栏
文字
打印样式
补丁
样式命名规则
框架
外套: wrap
主导航: mainnav
子导航: subnav
页脚: footet
整个页面: content
页眉: header
页脚: footer
商标: label
标题: title
主导航: mainbav
顶导航: topnav
边导航: sidebar
左导航: leftsidebar
右导航: rightsidebar
旗志: logo
标语: banner
菜单内容1: menu1 content
菜单容量: menu container
子菜单: submenu
边导航图标:sidebarIcon
注释: note
面包屑: breadcrumb(即页面所处位置导航提示)
容器: container
内容: content
搜索: search
登陆: Login
功能区: shop(如购物车,收银台)
当前的 current
颜色
使用颜色的名称或者16进制代码,如
.red {color:red;}
.f60 {color:#f60;}
.ff8600 {color:#ff8600;}
字体大小
直接使用’font+字体大小’作为名称,如
.font12px {font-size:12px;}
.font9pt {font-size:9pt;}
对齐
使用对齐目标的英文名称,如
.left {float:left;}
.right {float:right;}
命名方式
使用’类别+功能’的方式命名,如
.barnews {}
.barproduct {}
注意事项
一律小写;
尽量用英文;
不加中杠和下划线;
尽量不缩写,除非一看就明白的单词.
html标签使用规则
书写规范
页头定义
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Strict//EN" "/xhtml1/DTD/xhtml1-">
<html xmlns="9/xhtml">
编码用utf-8
所有代码必须