
css
文章平均质量分 88
至尊绝伦
这个作者很懒,什么都没留下…
展开
-
视口viewport的理解(布局视口、视觉视口、理想视口)
在一个浏览器中,看到的区域就是视口(viewport)在PC端页面中,不需要对视口进行区分,因为布局视口和视觉视口是同一个原创 2022-04-28 11:38:07 · 5634 阅读 · 3 评论 -
less的使用
less(Leaner Style Sheets的缩写)是一门css扩展语言,并且兼容css Less增加了很多相比于CSS更好用的特性; 比如定义变量、混入、嵌套、计算等等; Less最终需要被编译成CSS运行于浏览器中(包括部署到服务器中);less的开发环境方式一:下载Node环境,通过npm包管理下载less工具,使用less工具对代码进行编译;方法二:通过VSCode插件来编译成CSS或者在线编译 https://lesscss.org/less-preview/原创 2022-04-27 21:47:28 · 2193 阅读 · 0 评论 -
学习css中BFC的理解、功能作用
想要理解BFC,就先了解什么是FC1.【FC】 - Formatting ContextFC的全称是Formatting Context(格式化上下文),元素在标准流里面都是属于一个FC的官方文档对于FC的描述:Boxes in the normal flow belong to a formatting context,which may be block or inline,but not both simultaneously.Block-level boxes particip原创 2022-04-26 21:40:37 · 174 阅读 · 0 评论 -
flex中的flex-grow、flex-shrink、flex-basis及缩写属性flex的使用场景
1.flex-grow决定了flex items 如何扩展拉伸可以设置任意非负数字(正小数、正整数、0),默认是0 当flex-container在main axis(主轴)方向上有剩余size(空间)时,flex-grow属性才生效三个宽度120px(3*120=360)的元素放在一个宽度400px的父级元素中,父级元素使用flex布局<div class="container"> <div class="item item1">120px</d.原创 2022-04-25 12:18:16 · 15420 阅读 · 1 评论