Xmind鸟瞰图:
简单文字总结:
css知识总结:
元素的显示与隐藏:
1.通过display隐藏元素 不保留位置
2.通过visibility 隐藏元素 保留位置
3.overflow 溢出隐藏
鼠标样式cursor:
1.defauly小白
2.pointer小手
3.move移动
4.text文本
5.not-allowed禁止
文字的溢出与隐藏:
1.强制文本在一行显示 white-space: nowrap;
2.将溢出部分隐藏 overflow: hidden;
3.将超出的文本使用省略号代替text-overflow: ellipsis;
块级格式化上下文(BFC):
1.创建BFC
①html根元素
②设置浮动
③设置定位
④设置display
⑤设置overflow
⑥弹性布局 flex
2.利用BFC解决问题
①解决外边距的塌陷问题(垂直塌陷)
②利用BFC解决包含塌陷
③清除浮动产生的影响
④BFC可以阻止标准流元素被浮动元素覆盖
版心与布局样式:
1.版心:指网页中主体内容所在的区域
2.布局样式:
①:一列固定宽度且居中
②:两列左窄右宽型
③:通栏平均分布型