CSS
阳庚
人间本不该令我欣喜的 但是你来了
展开
-
简述css的bfc
简单的来说一下在别人问你这个问题的时候怎么来回答它前端新人,如有错误求大佬指出~求教💝情景复现大佬提问:“你知道css的bfc是什么吗? ”我的回答:“bfc全称是Block Formatting Context,翻译过来就是块级格式化上下文。bfc实际是一种属性,拥有这种属性后,就会让该渲染区域独立,并且该渲染区域中的内容布局不会影响到外界。根元素(html) float属性不为none position为absolute或fixed display为inline-block, t.原创 2022-04-27 11:38:30 · 87 阅读 · 0 评论 -
列举CSS3新属性
简单的来说一下在别人问你这个问题的时候怎么来回答它前端新人,如有错误求大佬指出~求教💝情景复现大佬提问:“你都用过哪些CSS3新属性啊!”我的回答:“例如:c3盒模型box-sizing flex布局 transition过渡 transform2D转换 background-size背景缩放 border-radius圆角 等等等等”...原创 2022-04-27 10:51:10 · 83 阅读 · 0 评论 -
你真的知道flex: 1;是什么意思吗?
简单的来说一下在别人问你这个问题的时候怎么来回答它前端新人,如有错误求大佬指出~求教💝情景复现大佬提问:“你知道flex: 1;的更深层次的内容吗?”我的回答:“ flex:1实际代表的是三个属性的简写 flex-grow是用来增大盒子的,比如,当父盒子的宽度大于子盒子的宽度,父盒子的剩余空间可以利用flex-grow来设置子盒子增大的占比 flex-shrink用来设置子盒子超过父盒子的宽度后,超出部分进行缩小的比例取值...原创 2022-04-27 10:41:06 · 20051 阅读 · 4 评论 -
浅谈CSS盒模型
简单的来说一下在别人问你这个问题的时候怎么来回答它前端新人,如有错误求大佬指出~求教💝情景复现大佬提问:“你知道CSS盒模型是什么吗?”我的回答:“ 盒模型主要分为4部分:内容、外边距、内边距。Css3盒子模型可以通过box-sizing来改变。目前是有两种盒模型。 第一种是w3c标准盒模型,默认也是content-box,也就是默认标准盒模型,标准盒模型width设置了内容的宽,所以盒子实际宽度是width=内容+padding+border。...原创 2022-04-27 10:09:02 · 1757 阅读 · 0 评论 -
谈谈CSS盒子水平垂直居中
简单的来说一下在别人问你这个问题的时候怎么来回答它前端新人,如有错误求大佬指出~求教💝情景复现大佬提问:“你知道一个div盒子怎么水平垂直居中吗?”我的回答:“比较实用的有四种,纯flex,flex+margin,定位+transform和定位+margin都可以做到盒子水平垂直居中的效果。”box是大盒子box-content是里面的小盒子方式一: 纯flex.box { display: flex; justify-content: center; .原创 2022-04-27 09:39:02 · 60 阅读 · 0 评论