css方面的知识
2019-08-05 16:55
92 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/liangkaihuaen/article/details/98497651
1.css的三栏布局:
- 总共有5中方法:
1.flaot使用float进行布局
2.flex布局:中间元素flex:1
3.定位
4.table布局:子元素display:table-cell
5.网格布局
width:100%;
display: grid;
grid-template-rows: 100px;
grid-template-columns: 300px auto 300px;
2.盒子模型
- 盒子模型就是由content,padding,border,margin组成 现在存在的有两个盒子模型
1.goole width= content
2.Ie width = content + padding +border
3.让Ie模型变成goole模型 box-sizing:content-box 同理 互换 =》 box-sizing:border-box
3.BFC
- 1.bfc是块级元素格式化上下文
2.bfc是解决边距重叠的方案
3.overflow:hidden
4.bfc子元素是float 高度也会参与计算(overflow属性)
相关文章推荐
- 系统总结了一下CSS布局方面的知识
- css方面的知识
- 系统总结了一下CSS布局方面的知识
- 图像方面知识汇总
- CSS基础知识之字体、文本
- 系统知识:十个方面 分析IE浏览器不能上网的原因
- html+css的基本知识总结(一)
- 机器视觉方面的知识,先开个头,以后再写
- CSS的基础知识和JS的基础知识
- 恶补web之二:css知识(2)
- 关系型数据库方面知识学习
- CSS基本知识3-CSS盒模型
- CSS基本知识4-CSS行模型
- CSS知识总结之设计模式(持续学习中)
- TCP和UDP协议发送数据包的大小方面的知识介绍
- Android方面的知识梳理:
- 前端学习:css基本知识
- (原)前端知识杂烩(css系列)
- CSS基础知识(一)
- 电脑知识大全之导致电脑网速变慢的几个方面