1.热区Map标签

area 点击热区

例子：

<img src="___" usemao="#Map">

<map name = "Map">

<area shap = "circle" coords:378,132,56 href = "一个连接">

</map>


shape = "circle" 圆形coords = "圆心点x，圆心点y，圆的半径"

shape = "rect" 矩形 coords = "矩形左上角x，矩形左上角y，矩形右下角x，矩形右下角y"

shape = "poly" 多边型 coords = "第一个点x，第一个点的y，。。。"

2.data uri 减少（HTTP）页面向服务器的请求次数，但是会使本身图片内存变大

3.iframe 

<iframe src = "一个连接" width="" height="" frameborder="0" scrolling = "no">

</iframe>

4.flash引入 工作常接触

<object>

<param name ="wmode" value ="transparent"> 使flash 透明

<embed src = "" width = "" height="" wmode = "transparent" ></embed>

</object>

5.视频的引入

1.Dw的自带的插入视频功能

2.通过优酷上传视频 然后把代码复制下来使用

6.词内断行和省略号

(1)word-wrap:break-

(2)word-break:break-all;解决文本溢出的问题

文本溢出显示省略号：

文本框需要宽度和下面三个内容

white-space:nowrap;强制不换行

overflow:hidden; 

text-overflow:ellipsis; 显示省略号

7.盒模型

没有文档声明时

怪异模式：内容宽度=设置宽度-padding-border

8.隐藏元素（面试常会问到）

display：none;文本高度也会消失。

visebility:hidden；文本隐藏但文本高度然在，占用位置

9.未知宽高的img如何在页面中 垂直居中

1.用span<hight:100%;display：inline-block;vertical-align:middle;>

.img<vertical-align:middle> 基本没什么兼容性问题

2. 用绝对定位 以及display：table 再进行绝对定位的加减距离

10.表元素里面如何将溢出部分文字隐藏

采用p标签 配合定位元素和overflow：hidden 进行实现