CSS部分要点

1、link和import区别：

link语法<link rel="stylesheet"  type="text/css"  href="aa.css" >

属于标签，同时加载，实现DOM操作

import语法：

<style>

    @inport"aa.css"

</style>

属于css，后加载，不能实现DOM操作，可以在CSS中引入其它CSS

2、如何理解CSS样式表的层叠性

CSS层叠是指CSS在针对同一元素配置同一属性时，依据层叠规则来处理冲突。

CSS使用层叠的原则来考虑继承、优先级等重要特征，从而解决冲突。

    1. 开发者样式>读者样式>浏览器样式（除非使用!important标记 ）

    2. id选择符>（伪）类选择符>元素选择符
    3. 权重相同时取后面定义的样式

3、简要描述CSS中的定位机制：

    默认流机制（普通流）：网页中各种元素按照XHTML结构自左向右，自上而下的布局方式；

    浮动定位（float）：脱离了文档流，可以向左或者向右直到遇到了它的包含框或者另一个浮动元素，虽然不占据空间，可是对后边的元素有时还是会有影响。

    相对定位（relative）：原本所占据空间仍然存在，相对原来位置偏移；

    绝对定位（absolute）：文本流从文档流脱离，并相对于其包含块定位，包含块可能是另一个元素或者初始包含块。定位后生成块级框；

    固定定位（fixed）：类似于absolute，只不过它的包含块是视窗本身。

4、display和visibility

    display：inline/block/inline-block/none建立布局时元素生成的显示框类型

    display：none表示元素不再占用空间

    

    visibility：visible/hidden指定是否显示一个元素生成的元素框

    visibility：hidden表示元素不可见，但仍然占据原来的空间，不能被点击触发事件；

    opacity：0表示元素透明，原空间存在，而且可以点击触发事件。

5、CSS Sprite

    css sprite 就是把网页中的背景图片整合到一张图片文件上，再利用background-image、background-repeat、

background-position来进行背景定位。

    优点：①减少网页http请求，提高页面性能；

               ②减少图片的字节；

               ③解决图片命名问题

               ④更换风格方便

    缺点：①开发麻烦，使用ps精确计算，繁琐；

               ②维护麻烦，如果有少许改动，一般就要更改整张图片；