每天5道面试题——003

每天5道面试题——003

HTTP状态码及其含义

1、1XX信息状态码
        2、2XX成功状态码

 3、3XX重定向
        4、4XX客户端错误

 5、5XX服务器错误

CSS选择器有哪些。

* ，# ，. ，x y ，x ，
       ：link，:visited ，:focus ，hover ，active
        x+y :直接兄弟选择器
        x>y 选择x的子元素中满足y选择器的元素

 x~y 选择x之后所有兄弟节点中满足y选择器的元素

[attr]，[attr=val]，[attr^=val]，[attr$=val]，[attr~=val]
       ：checked 选择单选框，复选框，下拉框中选中状态下的元素
        x:after,x:before 插入内容必须要有content，
        ：first-letter选择块元素第一行的第一个字母
         ：first-line选择块元素的第一行
:nth-child(n)、nth-first/last-child、x:nth-of-type
        

css精灵图有什么优缺点

概念：将多个小图片拼接到一个图片中，通过background-position和元素尺寸调节需要显示的背景图案。
       优点：减少HTTP请求数，极大地提高页面加载速度
                  增加图片信息重复度，提高压缩比，减少图片大小
                  更换风格方便，只需在一张或几张图上修改颜色或样式即可实现
       缺点：图片合并麻烦、维护麻烦，修改一个图片可能需要从新布局整个图片，样式。

display和visibility的区别

他们都能让元素不可见
       display：none，会让元素完全从渲染树中消失，渲染时不占据任何空间，visibility:hidden，不会让元素从渲染树消失，会继续占据空间，只是内容不可见。
      display是非继承属性，子孙节点消失由于元素从渲染树消失，通过修改子孙节点属性无法显示，visibility是继承属性，子孙节点消失由于继承了hidden，通过设置visibility可以让子孙节点显示。
      修改常规流中display通常会造成文档重排，修改visibility只会造成本元素的重绘
      读屏器不会读取display元素内容，但会读取visibility。

css hack 原理及常用hack

原理：利用不同浏览器对css的支持和解析结果不一样编写针对特定浏览器样式
       IE条件注释
              <!--[if IE 6]>  ... <![endif] -->
选择器hack
              /*IE6 and below*/  
             * html #uno { color:red }
        属性hack，不同浏览器解析bug或方法
              /*IE6*/
              #once{ _color:blue }