首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
jj123
更多收藏集
微信扫码分享
微信
新浪微博
QQ
14篇文章 · 0订阅
CSS性能优化的8个技巧
我们都知道对于网站来说,性能至关重要,CSS作为页面渲染和内容展现的重要环节,影响着用户对整个网站的第一体验。因此,与其相关的性能优化是不容忽视的。 对于性能优化我们常常在项目完成时才去考虑,经常被推迟到项目的末期,甚至到暴露出严重的性能问题时才进行性能优化,相信大多数人对此深…
愈发熟练的 CSS 技巧
rem+simple-flexible适配方案简单解析rem相对于根元素<html>的font-size的大小来计算坐作为一个单位;simple-flexible是根据手淘团队lib-flexible
前端将数据转化为弹幕效果的实现方式
这个需求如题,大体上是将文章的评论数据,在文章的首图上面以弹幕的形式出现。当时在做这个需求的时候,花了挺多精力的,踩了很多坑,现将弹幕的实现思路写出来,如果喜欢的话可以点波赞/关注,支持一下,希望大家看完本文可以有所收获。 实现弹幕的原理,并不算太复杂,耗费一些时间,怼一怼应该…
flex深度剖析-解决移动端适配问题!
由于浮动导致父级子级之间设置了css padding、css margin属性的值不能正确表达。特别是上下边的padding和margin不能正确显示。 4、如果前面的元素设置了浮动,那后面的元素就有可能产生异位的现象。 这些问题让众多开发这相当苦恼,尤其是在相对复杂的项目,各…
CSS世界中那些说起来很冷的知识
使用CSS让元素不可见的方法很多,剪裁、定位到屏幕外、透明度变化等都是可以的。虽然它们都是肉眼看不见,但背后却在多个维度上都有差别 在Chrome和Safari浏览器,则根据父元素是否是否为none来影响图片加载情况,父元素带有display:none,图片不加载。 2. 与c…
2018 CSS 大会多图见闻录
CSS 之于前端有些像厦门之于 IT 界:耳熟能详却又略显小众。那么在厦门召开的第四届 CSS 大会是否能结合碰撞出新的火花呢?跟随着本兼职摄影师来看看吧~ 周六上午的巨幕影厅里,本届 CSS 大会正式拉开帷幕。在现在的前端圈技能树越点越多的大潮下,单单会写代码的前端或许已经不…
你对CSS权重真的足够了解吗?
css权重很多人都听过,也了解一些,但是很多人对具体的规则或者说再深如一些关于css权重的问题,可能会不那么清楚。日常开发中,或多或少都会遇到css规则不生效的问题,为了让我们能够减少调试css规则的时间,深刻理解css权重,就十分关键了。如果喜欢的话可以点波赞/关注,支持一下…
CSS动画之旋转魔方轮播
很久没有回头来复习CSS方面的知识了, 正好又到了月底写文章的deadline...... 之前都是在SF上发的文章, 掘金是第一次。 所以这次选择了详细巩固一下CSS3动画有关的知识点,因为之前只是用过一些属性并没有深究细节。 在我自己写完这篇文章的时候, 才觉得CSS确实能…
浏览器的回流与重绘 (Reflow & Repaint)
浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM,把CSS解析成CSSOM,DOM和CSSOM合并就产生了Render Tree。 有了RenderTree,我们就知道了所有节点的样式,然后计算他们在页面上的大小和位置,最后把节点…
论低于 12px 字体处理方案
浏览器可渲染的最小字号为 12px,但设计图上经常出现小于该值的字体。对于 11px 我往往就按 12px 处理了,可 9px 这样的超小字号处理成 12px 绝对太不地道啊。大家可能都知道通过 transform: scale(n) 能达到缩小字体的效果,但你没有发现并非十分…