![](https://img-blog.csdnimg.cn/782b0ab1c6dc45039af6a48f743e6cf2.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
css
css
前端小芬芬
头脑简单,四肢发达
展开
-
背景粒子动效
背景粒子动效原创 2024-05-11 15:41:07 · 129 阅读 · 0 评论 -
vue 代码样式问题
样式写在 el-col 导致的样式问题原创 2024-05-09 18:52:22 · 248 阅读 · 0 评论 -
如何实现一个div垂直居中(至少3种方法)
如何实现一个div垂直居中(至少3种方法)原创 2023-09-11 18:44:00 · 4105 阅读 · 0 评论 -
px、rpx、em以及rem的区别与用法
px、rpx、em以及rem的区别与用法原创 2023-09-11 17:46:25 · 3985 阅读 · 0 评论 -
CSS:上面固定高度、下面填充满,上面消失,下面仍然填充满
CSS:上面固定高度、下面填充满,上面消失,下面仍然填充满原创 2023-09-07 18:12:38 · 1069 阅读 · 0 评论 -
CSS:屏幕正中间有个元素A,元素A中有文字A,随着屏幕宽度的增加
CSS:屏幕正中间有个元素A,元素A中有文字A,随着屏幕宽度的增加原创 2023-09-07 18:07:00 · 662 阅读 · 0 评论 -
在react中配置less
在react中配置less原创 2023-07-21 16:26:29 · 900 阅读 · 0 评论 -
列表定义状态比较不错的UI写法
列表定义状态比较不错的UI写法原创 2023-07-12 16:24:16 · 438 阅读 · 0 评论 -
多端兼容常用适配方式
多端兼容常用适配方式原创 2023-05-10 19:28:38 · 1209 阅读 · 0 评论 -
响应式栅格,媒体查询
响应式栅格,媒体查询原创 2023-05-05 15:42:42 · 59 阅读 · 0 评论 -
el-input 输入框输入数字样式问题
el-input 输入框输入数字样式问题原创 2023-04-18 16:43:47 · 340 阅读 · 0 评论 -
vue 页面动态样式,单个和多个类的写法
vue 页面动态样式,单个和多个类的写法原创 2023-04-14 19:09:53 · 117 阅读 · 0 评论 -
列表数据为空
列表数据为空原创 2023-04-14 10:56:38 · 120 阅读 · 0 评论 -
js 超出身略号显示,复制功能
js 超出身略号显示,复制功能原创 2022-11-01 11:53:39 · 90 阅读 · 0 评论 -
重绘与重排(回流)
一、重绘不一定需要重排,重排必然会导致重绘。回流会导致渲染树需要重新计算,开销比重绘大,所以我们要尽量避免回流的产生重排:当渲染树的一部分必须更新并且节点的尺寸发生了变化,浏览器会使渲染树中受到影响的部分失效,并重新构造渲染树。页面第一次渲染 在页面发生首次渲染的时候,所有组件都要进行首次布局,这是开销最大的一次回流。 浏览器窗口尺寸改变 元素位置和尺寸发生改变的时候 新增和删除可见元素 内容发生改变(文字数量或图片大小等等) 元素字体大小变化。 激活CSS伪类(例如::hove原创 2022-05-16 21:47:07 · 3496 阅读 · 0 评论 -
rem 和 em 的区别
em和em都是相对单位,主要参考的标签不同:原创 2022-04-28 15:16:16 · 3927 阅读 · 0 评论 -
flex 常用布局
1. 水平垂直居中布局<div class="main"> <div class="content"> </div></div>.main{ width: 400px; height: 400px; border: 1px dashed black; display: flex; /*父元素设置flex属性*/ justify-content: center; /*水平主轴居中*/原创 2021-12-01 17:16:44 · 3237 阅读 · 0 评论 -
CSS等高布局
1. table等高布局<section><div>1111111111111</div><div>2222</div><div>3</div></section>section{display:table;}sectiondiv{width:calc(100%/3);backgrou...原创 2021-12-01 15:43:12 · 80 阅读 · 0 评论 -
CSS媒体查询
常用电脑屏幕使用宽度1024 1280 1366 1440 1680 1920方式一用min-width时,小的放上面大的在下面/*>=1024的设备*/@media (min-width: 1024px){ body{font-size: 18px}}/*>=1280的设备*/@media (min-width: 1280px) { body{font-size: 20px;}}/*>=1366的设备*/@media (min-w...原创 2022-01-29 15:29:16 · 1128 阅读 · 0 评论