盒模型的怪异模式
在IE6、7、8下不设置文档声明的时候 页面的盒模型解析 就会进入怪异模式
CSS3中新属性设置盒子模型 box-sizing:border-box content-box;
3 HTML进阶3
用absolute模拟出来固定定位（只适合面试）
把文档的滚动条隐藏掉，把滚动条加到body身上，让绝对定位跟着文档走。
css模拟固定定位（不建议使用）
expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight)/2)); 未知宽高的img居中问题
方法一：设置vertical-align: middle;
方法二：把父级设置为表格，子级设置为单元格，在IE6下使用绝对定位和相对定位
li的里分为左右两块元素，右边元素一直跟在左侧内容后边并距离左侧元素10px间距，左侧元素宽度由左侧内容撑开。如果左右两侧内容总宽度超出了li宽度，就把左侧多出的文字隐藏掉
26
|
Lesson 13 1、
HTML整站规划
服务器 路径
（1）网站的加载速度
5s之内打开，用户流失基本在1%以下，超过了5s之后，每秒流失1%到2% ，30s流失80%到90% 最好保持在150k以下
（2）请求次数和服务器压力 （3）后期维护 （4）样式的通用性
2、HTML整站规划
样式表划分：重置样式区，共同样式区、其他样式区，把首页单独列出来，方便后期维护 命名：
根据每块元素的主题 或者功能、在页面上的位置，可以加前缀 驼峰命名 从第二个单词开始每个单词的首字母大写 写包含样式的时候能找到这个元素并且不影响其他元素即可
登录条：loginBar 标志：logo 侧栏：sideBar
27
广告：banner 子导航：subNav 子菜单：subMenu 搜索：search 滚动：scroll
标签页：tab 文章列表：list 提示信息：msg
小技巧：tips 栏目标题：title 加入：joinus
指南：guild 服务：service 热点：hot 新闻：news 下载：download 注册：regsiter
状态：status 按钮：btn 投票：vote 合作伙伴：partner 友情链接：friendLink 版权：copyRight 商 标：label 顶导航：topnav 边导航：sidebar 左导航：leftsideBar 右导航：rightsideBar
标 语：banner 菜单内容1： menu1Content
菜单容量： menuContainer 子菜单： submenu
边导航图标：sidebarIcon 注释： note
面包屑：breadCrumb(即页面所处位置导航提示)
容器：container 内容：content 搜索：search
28
登陆：login 功能区： shop(如购物车，收银台) 当前：current 3、HTML整站规划 4、HTML整站规划
29