DIV+CSS的命名规则
一个网站的优化有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面将对目前流行的DIV+CSS的命名规则整理如下：
页头：header 登录条：loginBar
标志：logo 侧栏：sideBar
广告：banner 导航：nav
子导航：subNav 菜单：menu
子菜单：subMenu 搜索：search
滚动：srcoll 页面主体：main
内容：content 标签页：tab
文章列表：list 提示信息：msg
小技巧：tips 栏目标题：title
加入：joinus 指南：guide
服务：service 热点：hot
新闻：news 下载：download
注册：register 状态：status
按钮：BTn 投票：vote
合作伙伴：partner 友情链接：friendLink
页脚：footer 版权：copyRight
CSSID的命名如下：
外套：wrap 主导航：mainNav
子导航：subNav 页脚：footer
整个页面：content 页眉：header
商标：label 标题：title
主导航：mainNav(globalNav) 顶导航：topnav
边导航：sidebar 左导航：leftsideBar
右导航：rightsideBar 旗志：logo
标语：banner 菜单内容1：menu1Content
菜单容量：menUContainer 子菜单：submenu
边导航图标：sidebarIcon 注释：note
面包屑：breadCrumb（即页面所处位置导航提示） 容器：container
内容：content 搜索：search
登录：login 功能区：shop（如购物车，收银台） 当前的：current
这些标准的命名更有利于设计工作中的多人协作模式以及代码的进一步标准化
相关文档：
平时我们在浏览网页的时候，常常看见导航栏是动态的，其实我们可以通过css样式表的定义就可以完成。
首先我们看一下css代码：
#nav {
width:900px;
margin:0 auto;
background:#E1F4FD;
}
#nav li {
float:left;
font-size:14px;
}
#nav li a {
color:#000000;
......
在国内网站中，包括三大门户，以及“引领”中国网站设计潮流的蓝色理想，ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而在大洋彼岸，几乎所有的主流站点都使用em作为字体单位，也就是可调的。没错，px比em更加容易使用，大部分读者不知道em为何物或者它相当于多少px。国外人士如此重视网� ......
ie6中div的高度自动设置，到了ie7和ie8就不行了，需要设置css
/*针对非IE*/
div:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*针对IE*/
div{zoom:1;} ......
兼容IE、FireFox、Chrome
//加载js
function loadJs(){
if (!getObj('script_PlData')){
var scriptObj= document.createElement("script");
//scriptObj.id = 'script_1';
&nb ......
CSS可以处理高度、宽度、深度三个维度。在前面的课程中，我们已经了解了前两个维度。在本课中，我们将学习如何令不同元素具有层次。简言之，就是关于元素堆叠的次序问题。
为此，你可以为每个元素指定一个数字（z-index）。其原理是：数字较大的元素将叠加在数字较小的元素之上。
比方说，我们正在打扑克，并且拿了一手同 ......
