css学习知识点

position定位

Abosolute脱离文档流

fixed也脱离文档流 相对于浏览器滚动实现
Abosolute相对于最近的body定位

display布局

inline-block有宽高在一行

inline在一行无宽度高度

block不在一行，有宽度高度

display:flex布局 很简单 兼容性有待提高

float布局

float:left布局 脱离文档流 不脱离文字流

lineheight行高样式

inline元素不能设置高度高度 比如字体只有字体的高度 可以通过lineheight设置高度来撑起div高度 通过设置vvertical-align对齐方式

盒子

pading margin 相对于div来说

样式设置

一个元素的样式可以设置多个 用于统一和分别设置

样式控制

js可以控制元素的显示隐藏