CSS 是谁发明的
由李爵士的挪威同事赖先生首先提出
CSS 的版本
如何知道各种浏览器支持哪些特性
网址使用方法 ：
- 输入你关心的样式，比如border-radius或filter
- 可以查看大部分浏览器的支持情况
- 如果想看更多，点击SHow ALL
- 下方会详细说明兼容bug有哪些（可以翻译成中文）
两种语法
语法一 ： 样式语法
选择器{
属性名：属性值；
/*注释*/
}
注意事项 ：
- 所有符号都是英文，如果写错浏览器会警告
- 区分大小写，a和A是两个东西
- 没有//注释
- 任何地方写错，都不会报错，浏览器会直接忽略
语法二 ： at语法
@charset "UTF-8";
@import url(2.css)
@media (min-width: 100px) and (max-width: 200px) {
语法一
}
注意事项 ：
- @charset必须放在第一行
- 前两个at语法必须以分号;结尾
Border 调试法
在元素中加入：
border:1px solid 颜色
步骤
- 怀疑哪个元素有问题就给这个元素加border
- border没出现：说明选择器或者语法错了
- border出现了：看边界是否符合预期
- 问题解决了就可以删除border
经验 ： CSS的border调试法相当于JS的Log调试法
在哪查资料
网址推荐
- Google搜索 关键词+MDN
- CCS tricks
- 找张鑫旭的博客
以练为主
在哪搜练习资料
标准制定者
可以看CSS 2.1 标准中文版
文档流
流动方向
- inline元素从左到右，到达右边才会换行，空间不够会把自己分成两截
- block元素从上到下，每个都另起一行
- inline-block元素从左到右，到达右边才会换行，但空间不够时不会把自己分成两截
宽度
- inline宽带为内部inline元素的和，不能用width指定
- block默认自动计算宽带，可以用width指定
- inline-block结合前两者特点，可以用width指定
高度
- inline高度由line-height间接确定，跟height无关
- block高度由内部文档流决定，可以设height
- inline-block跟block类似，可以设置height
overflow 溢出
当内容大于容器
- 内容的宽度或高度大于容器的，会溢出
- 可以用overflow来设置是否显示滚动条，默认为visible无滚动条直接显示溢出部分
- auto是灵活显示滚动条（经常用）
- hidden是直接隐藏溢出部分
3. scroll是永远显示滚动条
- overflow可以分为overflow-x和overflow-y
- 如果左右有滚动条默认只在第一屏显示
脱离文档流
脱离文档流的元素有
- float
2. position:adsolute/fixed
