css
文章平均质量分 69
柏灿
iOS,前端,混合开发
展开
-
flex布局
一、基本概念Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。二、容器属性// 有6个属性设置在容器上flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-content2.1flex-direction属性flex-direction属性决定主轴的方向(即.原创 2021-11-12 11:07:25 · 97 阅读 · 0 评论 -
CSS清除浮动的四种方法
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言浮动能实现网页排版布局,但是同样也会给网页带来一定的问题(父盒子高度塌陷),下面我们就整理一下几种清楚浮动的方法一、父盒子设置固定高度清除浮动缺点:使用不灵活,后期不易维护例: <!DOCTYPE html><html><head> ...原创 2020-10-30 17:30:46 · 14800 阅读 · 1 评论 -
CSS移动端自适应布局与字体大小自适应
一、vw, vhvw它是根据可视区的宽度来计算的。vh它是根据可视区的高度来计算的。<body><style>body { margin:0; }.testDiv { width:100vw; height:100vh; font-size:10vw; background:#ccc; }</style> <div class="testDiv" ></div></body>其中100vw是把.testD转载 2020-06-03 19:46:13 · 3177 阅读 · 0 评论 -
浏览器性能优化-CSS篇
众所周知,CSS的加载会阻塞浏览器渲染或是引起浏览器重绘,目前业界普遍推荐把CSS放到中,防止在CSS还没加载完,DOM就已经绘制出来了,造成CSS加载完成后的重绘。那在现代浏览器中我们有没有办法提高首屏渲染速度那?你是不是经常在第一次打开某个网站的时候看到这种情况,本来的页面是这样的实际上刚加载出来的是这样的字体文件没加载出来,或者加载的太慢了理解CSS解析过转载 2018-01-03 23:19:06 · 294 阅读 · 0 评论 -
SPA(单页面web应用)和MPA(多页面web应用)
转载 2018-12-18 10:01:32 · 1072 阅读 · 0 评论