![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Css
文章平均质量分 82
夲奋亻Jay
童鞋们,可以的话帮忙点点赞和收藏!非常感谢!需要博主共享哪些前端技术资源的或者有什么难题不好解决,也可以私信,博主在对解决问题和技术突破有很大热情的,很欢迎叨唠!
展开
-
高频面试题:css和css3前端面试频率较高的面试题和答案(二)
CSS 和 CSS3 在前端开发中扮演着重要角色,以下是一些在前端面试中经常遇到的 CSS 和 CSS3 相关题目以及答案:原创 2024-05-13 00:15:06 · 282 阅读 · 0 评论 -
CSS绚丽动画效果--贼好玩也常用
有时候,我们需要给多个元素添加同一个动画,播放后,不难发现它们会一起运动,一起结束,这样就会显得很平淡无奇。那么如何将动画变得稍微有趣一点呢?很简单,既然它们都是同一时刻开始运动的,那么让它们不在同一时刻运动不就可以了吗。如何让它们不在同一时刻运动呢?注意到CSS动画有延迟(`delay`)这一属性。举个栗子,比如有十个元素播放十个动画,将第二个元素的动画播放时间设定为比第一个元素晚0.5秒(也就是将延迟设为0.5秒),其他元素以此类推,这样它们就会错开来,形成一种独特的视觉效果。原创 2024-05-06 10:11:59 · 1208 阅读 · 1 评论 -
彻底搞懂CSS里的BFC
BFC是css中比较重要的一个概念,它不但能解决很多问题,还可以解释CSS中一些诡异的地方,所以搞懂BFC对于学习css来说是很有必要的,以下从【概念】【规则】【创建】【使用】等方面对BFC做了一些总结,希望对你能有所帮助!原创 2024-05-05 00:18:57 · 920 阅读 · 0 评论 -
彻底理解flex弹性布局
Flex是Flexible Box的缩写,意为 弹性布局 ,用来为盒状模型提供最大的灵活性。原创 2024-05-03 07:59:07 · 467 阅读 · 0 评论 -
前端屏幕适配的两种方案
前端屏幕适配原创 2024-04-29 12:21:51 · 772 阅读 · 0 评论 -
前端加载超大图片(100M以上)实现秒开解决方案
前端加载超大图片时,一般可以采取以下措施实现加速原创 2024-04-29 09:41:57 · 1190 阅读 · 0 评论 -
css加载会造成堵塞吗?
浏览器渲染的流程如下:原创 2024-04-22 15:47:57 · 430 阅读 · 0 评论 -
如何使用css提高页面性能?
每一个网页都离不开css,但是很多人又认为,css主要是用来完成页面布局的,像一些细节或者优化,就不需要怎么考虑,实际上这种想法是不正确的作为页面渲染和内容展现的重要环节,css影响着用户对整个网站的第一体验因此,在整个产品研发过程中,css性能优化同样需要贯穿全程原创 2024-04-22 15:42:14 · 809 阅读 · 0 评论 -
前端实现切换多套主题
/:root/* 自定义变量例如按钮颜色变量:--color-btn*/;ul/*使用变量var()的方式实现变量变更*/var;color;cursor;原创 2024-04-18 17:27:06 · 343 阅读 · 0 评论 -
CSS开发规范
(position, top, right, z-index, display, float等)(font, line-height, letter-spacing, color- text-align等)(background, border等)(CSS3)(animation, transition等)原创 2024-04-18 17:30:02 · 900 阅读 · 0 评论 -
Css回流和重绘是什么?
(1) 重绘(repaint):当页面中元素样式的改变并不影响它在文档流中的位置时(例如color、background-color、visibility等),浏览器会将新样式赋予给元素并重新绘制它,这个过程称为重绘。(2) 回流(reflow):当渲染树中部分或全部元素的尺寸、结构、或某些属性发生改变时,浏览器重新渲染部分或全部文档的过程称为回流。原创 2024-04-22 11:01:39 · 202 阅读 · 0 评论