前端问题

1.  z-index 生效的前提条件？
     定位时 position

2.如果给span元素设置宽高
     display：block;  行级变成块级后设置宽高

3.行内元素有哪些？ 块级元素有哪些？
     span  i  s
     div  ul   li

4. css的盒子模型包含哪些？
     padding   margin   width   height

5.css中！important、class、id、tag、：hover优先级？  .class1  .class2与#id 哪个优先？
     ！important   id  class   tag   ：hover
      #id

6. 给子元素设置position:absolute;left:10px; 需注意什么？
     注意父级定位和z-index:层级

7.图片下方出现几像素的空白间隙怎么处理？
     font-size:0;

8. 如何使英文单词不发生词内断行？
     word-wrap:break-word; table-layout:fixed;word-break:break-all;

9.什么是外边距重叠？ 重叠的结果是什么？
     上面div的margin-bottom:10px;
     下面div的margin-top:10px;
     这样他们的外边距重叠
     结果：两个层覆盖到一起了

10. display:none与 visibility:hidden的区别是什么？
     前者不占位置，后者占位置。

11.网页会经常用的哪些图片格式？
     JPG   GIF   PNG

12.  Doutype  这个是干嘛的
     网页协议头部声明

13. <img>标签上title与alt属性的区别是什么
     title: 图片名称   alt：   图片属性值

14.link和@import的区别是？
     link只能引用一个文件  。  @import 可以引用多个文件

15.html5中新增了哪些新的表单元素？
     新的input的类型有
     email（自动验证email格式）
     url（自动验证url格式）
     number（只能输入数字）
     range（类似音量滑动条）
     Date pickers (date, month, week, time, datetime, datetime-local)（自带日期选择）
     search（搜索域，类似百度的类似搜索提示）
     color（颜色选择，这个现在不兼容大部分浏览器=-=）

     新标签
     datalist（自动验证内容是否在可选择选项中）
     keygen
     output

16.html5中新增加了哪些标签？
     section   header   nav    video

17. css3圆角
     border-radius:5px;

18.html 阴影？
     box-shadow：2px 2px 5px #333333;

19.用-webkit-animation 写一个渐显渐隐的效果
     -webkit-animation:danee 5s linear 2s infinite alternate;

20. 谈谈你说如果组织css文件的结构
     放在头部，外部引用。或者在头部写