热区："img/login.gif" alt="" border="0" usemap="#Map"/> data uri 优点：减少HTTP请求数； 缺点：无法被重复利用；会使文件变大 http://dancewithnet.com/lab/2009/data-uri-mhtml/create/1376100722.php iframe的样式设置问题 flash透明"wmode" value="transparent"> wmode="transparent" 词内断行和省略号 text-overflow （clip | ellipsis） white-space:nowrap word-break:break-all 和 word-wrap:break-word; 盒模型的怪异模式 box-sizing 盒模型解析模式 Content-box 标准盒模型 width/height=border+padding+content Border-box 怪异盒模型 width/height=content css模拟固定定位 expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight)/2)); 未知宽高的img居中问题 li的里分为左右两块元素，右边元素一直跟在左侧内容后边并距离左侧元素10px间距，左侧元素宽度由左侧内容撑开。如果左右两侧内容总宽度超出了li宽度，就把左侧多出的文字隐藏掉
热区案例：
"Content-Type" content="text/html; charset=utf-8">无标题文档 <base target="_blank" />
图片：
图片中有三个地方可以点击点击后可以跳转页面。
data-url 可以直接存储图片等数据，减少http请求次数，缺点不能重复使用，编码后文件过大
"Content-Type" content="text/html; charset=utf-8">无标题文档
图片和上图一样。
iframe引入
"Content-Type" content="text/html; charset=utf-8">无标题文档
引入：flash
"Content-Type" content="text/html; charset=utf-8">无标题文档 <object> object>
引入：flash并让球不有其他缝隙
"Content-Type" content="text/html; charset=utf-8">无标题文档 <object> "wmode" value="transparent"> object>
单词断行
word-break:break-all;自动换行
"Content-Type" content="text/html; charset=utf-8">无标题文档 adsadasdsad asdasdasdasdsadasd asdasdas asdasdasd 11111111111111111111111111111111111111 sadasdasd asdsadsad asdasdsad
文本溢出显示省略号
"Content-Type" content="text/html; charset=utf-8">无标题文档 要闻 xxx给志愿者回信:青年有担当国家就有前途 xxx会见拜登 美称对中国新领导集体充满期待 卡梅伦成都吃火锅花877元 遭遇"奇葩"提问 教育部：高考改革将减少科目 探索不分文理科
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;缺一不可
隐藏元素
"Content-Type" content="text/html; charset=utf-8">隐藏元素两种方式 class="box1">box1class="box2">box2class="box3">box3
固定位置 position:absolute;
"Content-Type" content="text/html; charset=utf-8">无标题文档 class="box">class="div">