1、常见的块级元素 内联元素
p -最常用的块级元素
dl – 和dt-dd 搭配使用的块级元素
form – 交互表单
h1 -h6- 大标题
hr – 水平分隔线
ol – 有序列表
p – 段落
ul – 无序列表
fieldset – 表单字段集
colgroup-col – 表单列分组元素
table-tr-td 表格及行-单元格
pre – 格式化文本
a –超链接（锚点）
br – 换行
i – 斜体
em – 强调
img – 图片
input – 输入框
label – 表单标签
span – 常用内联容器，定义文本内区块
strong – 粗体强调
sub – 下标
sup – 上标
textarea – 多行文本输入框
u – 下划线
select – 项目选择
2、实现文本三个点的几个条件
text-overflow属性仅是：当文本溢出时是否显示省略标记，并不具备其它的样式属性定义，要实现溢出时产生省略号的效果还需定义：
1、容器宽度：width：value；（px、%，都可以）
2、强制文本在一行内显示:white-space：nowrap;
3、溢出内容为隐藏：overflow：hidden；
4、溢出文本显示省略号：text-overflow：ellipsis;
注：必须是单行文本才能设置本文溢出！！！
IE6+；chrome1.0+；safari3.1+（firefox,opera暂不支持）
3、垂直居中的几个条件
设置一个元素在一个容器中垂直居中，必须更改默认的display属性值为inline-block;
并加上同级元素（标尺）（同级元素[标尺]样式设置为vertical-align:middle;width:0;height:100%;display:inline-block;） 。
三个条件：
1：必须给容器（父元素）加上text-align:center;
2:必须给当前元素转成行内块元素（display:inline-block;）再给当前元素加上vertical-align:middle;
3：在当前元素的后面（没有回车）加上同级元素span;并对span进行vertical-align:middle;width:0;height:100%;display:inline-block
4、置换元素与非置换元素
置换元素与非置换元素
a) 置换元素：浏览器根据元素的标签和属性，来决定元素的具体显示内容。 例如：浏览器会根据<img>标签的src属性的值来读取图片信息并显示出来，而如果查看(x)html代码，则看不到图片的实际内容；<input>标签的type属性来决定是显示输入框，还是单选按钮等。 (x)html中的<img>、<input>、<textarea>、<select>都是置换元素。这些元素往往没有实际的内容，即是一个空元素。
置换元素在其显示中生成了框，这也就是有的内联元素（img,input）能够设置宽高的原因。
b) 不可替换元素（非置换元素）：(x)html 的大多数元素是不可替换元素，即其内容直接表现给用户端（如浏览器）。
5、什么是精灵图？优势是什么？
图片整合，将小的单张背景图整合到一张大的背景图上。
图片整合的优势： 1）通过图片整合来减少对服务器的请求次数，从而提高 页面的加载速度。 2）通过整合图片来减小图片的体积。
6、什么是css层叠样式表？优先级算法如何计算？
a.重要性和来源的优先级排序从低到高是：
1）浏览器默认样式
2）class/id…..选择器的权重
3）行间样式
4）内联或者外联 （书写顺序）
5）!important 最高的
7、display:none与visibility:hidden的区别
前者：隐藏不占位 后者：隐藏但是占位置
8、清除浮动的几种方式
hack1：给父元素添加声明overflow:hidden;
hack2: 给父元素加height
hack3: 在浮动元素下方添加空p,并给该元素添加 声明：p{clear:both; height:0; overflow:hidden;}
hack4:万能清除浮动法 p:after{content:“.”;clear:both;display:block;height:0;overflow:hidden; visibility:hidden;}
9、哪些属性可以继承？
1）文字相关：font-family、font-size、font-style、font-variant、font-weight、font、letter-spacing、line-height、text-align、text-indent、text-transform、word-spacing
2）列表相关：list-style-image、list-style-position、list-style-type、list-style
3）颜色相关：color
4）透明度（子元素会继承祖元素的opacity，但是无法更改）
注：font-size继承的是父元素的大小，而不是比例。line-height当父元素是百分比或px值得时候，子元素跟父元素相同，当父元素是normal或数字的时候，子元素的line-height是子元素的字体大小乘以数字。
10、定位的方式
position属性值：static，relative，absolute，fixed
1）static
static是默认值，元素位于文档流中，正常显示，忽略元素的top，bottom，left，right属性。z-index属性始终为0.
2）relative
相对定位，保留元素在文档流中占用的位置和尺寸，由left/right/top/bottom几个属性确定相对移动的距离，原来的位置保留
3）absolute
绝对定位，将对象从文档流中脱离出来，使用left/right/top/bottom等属性相对其最接近的一个并有定位设置的父元素进行绝对定位；如果没有，则依据body对象
4）fixed
fixed和absolute差不多，但是他相对的是窗口的左上角，不会跟随文档滚动。但是如果在多frame页面里面，他相对的是所在frame的左上角，而不是浏览器左上角。
11、link和@import区别？
1、老祖宗的差别。link属于XHTML标签，而@import完全是CSS提供的一种方式。
2、link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了
3、加载顺序的差别。当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS 会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁）
4、兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题
5、使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的
12、定位的属性值都有哪些？每个值得意思？
各属性值的作用：
static：默认值。位置设置为 static 的元素会正常显示，它始终会处于文档流给予的位置（static 元素会忽略任何 top、bottom、left 或 right 声明）。
absolute：相对于父级元素的绝对定位，s浮出、脱离布局流，它不占据空间，就是我们所说的层，其位置相对于最近的已定位父元素而言的位置，可直接指定 “left”、“top”、“right” 以及 “bottom” 属性。若父级都没有定位，则以html（根元素）。(层叠的顺序z-index:value)
relative：是相对于默认位置的偏移定位，通过设置left、top、right、bottom值可将其移至相对于其正常位置的地方（相对于自己的开始的位置发生的位置上的移动，
