CSS的引入方式
- 行内样式表
- 内联样式表
- 外联样式表
@import和link
- 引入内容
@import只能导入样式表link链入一个文档
- 加载顺序
渲染页面时，link同时渲染；而@import在页面加载完后被渲染 - DOM可操作性
Js可操作link不可操作@import
position属性
| position | 表现 |
|---|---|
| inherit | 子元素继承父元素 |
| static | 元素默认位置 |
| fixed | 元素相对于浏览器文档位置 |
| absolue | 元素相对于祖先元素（position:fixed/absolute/relative）的位置 |
| relative | 元素相对于正常位置的偏移 |
绝对定位误区
- 相对定位：相对于自身。
- 绝对定位：相对于外层首个已定位父元素。
区分单位
- px
绝对大小，像素，相对于浏览器的分辨率 - em
相对大小，继承自父元素，相对于父元素的大小 - rem
CSS3引入，相对大小，相对于<html>根元素的大小
display，visibility，opacity区分
display:none
元素不存在，改变DOM结构，触发回流和重绘visiablity:hidden
元素隐藏，不改变DOM结构，重绘，不可绑定事件opacity=0
元素隐藏，重绘，可绑定事件
border:0和border:none区分
- 区分
border:0表示有边界但宽度为0
border:none表示无边界 - 性能
前者会被浏览器渲染，后者不会 - 兼容性
boeder:0对任何标签均有效
border: none对IE中的input和button不会生效
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
