随笔分类 -  CSS

• Bootstrap总结
  摘要：响应式布局：一套代码可以适配多个终端。 适用于后台管理系统等简约类的网站。 原理仍是媒体查询。 xs 超小屏：0-768px sm 小 屏：768-992px md 中 屏：992px-1200px lg大 屏：1200px-无穷 栅格系统： 是BS实现响应式的核心所在 其底层也是媒体查询 首先考虑 阅读全文
  posted @ 2020-11-23 16:26 FreeLoops 阅读(78) 评论(0) 推荐(0)
• Flex布局
  摘要：弹性布局，css3中的flex属性，在布局中做了非常大的改进，使得我们对多个元素之间的布局排列变得十分灵活，其强大的伸缩性和自适应性，在网页开中可以发挥极大的作用。 1.flex 布局的子元素不会脱离文档流 相比float来做布局，float属性的元素会脱离文档流，而且会涉及到各种BFC、清除浮动的 阅读全文
  posted @ 2020-11-23 16:18 FreeLoops 阅读(133) 评论(0) 推荐(0)
• Rem布局
  摘要：屏幕里的元素（图片文字 背景图片 精灵图）需要用rem表示，rem参考的是html中设置的font-size的大小，1rem=font-size的大小，所以当屏幕拉伸的时候，屏幕大小即html大小会变化，即设置的font-size会发生变化。 所以屏幕里的元素因为用rem表示，即会出现自适应的大小缩 阅读全文
  posted @ 2020-11-23 16:12 FreeLoops 阅读(123) 评论(0) 推荐(0)