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. 权重相同时取后面定义的样式
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精确计算,繁琐;
②维护麻烦,如果有少许改动,一般就要更改整张图片;