css
- 语法：样式语法
选择器{
属性名：属性值；
/注释/
}
记住3个东西
@charset "UTF-8"
@ import url(2.css);
@media (min-width: 100px) and (max-width : 200px){
,,,,,,,
}
纠错
- chromeF12代码有感叹号，语法错误；
- border调试法；
查文档
w3c
css 2.1中文版
incline和block
span{第$个spane元素}*8
inline
span不占一行：内联元素；不接受宽度，宽度由内联元素决定；
高度：由line-height间接确定，跟height无关
block
div不满也占一行满的：块级元素；宽度是占满全行：auto，不是100%,可用width指定；
高度可以设height，由文档流的元素决定
宽和高由第一屏决定，当有滚动条的时候
inline-block
基本和block一样，height和width都可以设置
overflow
overflow来说设置是否显示滚动条;
- auto灵活设置
- scroll永远显示
- hidden直接隐藏溢出的部分
- visible:直接显示溢出的部分
脱离文档流
文字放在<span>里，css里span 的float:left;或者position:absolute/fixed;
- 内联元素里别放块级元素;
- 永远不要写width:100%,除了特例;不然会有bug
*border:20px solid green,写div不写border就别写div,写完再删掉
content box 和border box
默认是content box
SharedScreenshot.jpg
margin的合并：只会在上下合并，不在左右；
SharedScreenshot1.jpg
