首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
CSS
订阅
西贝丰
更多收藏集
微信扫码分享
微信
新浪微博
QQ
11篇文章 · 0订阅
这8张脑图几乎概括了所有的布局方案,确定不看看吗?
前端布局不管是在面试过程中还是在工作中都是非常重要的一部分,一个优秀的前端工程师可以在很快的时间内写出同一种布局的多种实现方案,练习并掌握CSS布局方案可以提高我们的页面开发速度。
带你实现女朋友欲罢不能的网易云音乐宇宙尘埃特效
喜欢研究源码的小伙伴可以看我之前的砍我系列文章,Binder系列还差一篇完稿。 前段时间,女朋友用网易云音乐的时候看到一个宇宙尘埃特效,说很好看,想要让我给她开VIP用。 0202年了,Android开发大都应该是老油条了把。如果你自定义View还是掌握得不够熟练的话,那可就说…
教你使用CSS3实现新拟态UI
新拟态的英文名称是“Neumorphism”,是New+Skeuomorphism的组合词,同时也叫“Soft UI”。简单讲,新拟态是一种图形样式,其原理是通过模拟真实物体来为界面的UI元素赋予真实感。 在今年上半年,新拟态的UI设计风靡一时,它被誉为2020年最火的UI设计…
「一劳永逸」48张小图带你领略flex布局之美
48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话,移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看,我们将flex布局分为两部分讲,轴和容器。 打个预防针,flex布局涉及到12个CSS属性,父容器,子容器各6个。 接下来先梳理常见的属…
CSS知识点及技巧整理
这些个知识点是我个人认为的,下面我们就来看看这些个知识点。 position 的常见四个属性值: relative,absolute,fixed,static。一般都要配合"left"、"top"、"right" 以及 "bottom" 属性使用。 static:默认位置。 在…
干货!各种常见布局实现+知名网站实例分析
阅前必看:本文总结了各种常见的布局实现,每个方法的优缺点分析往后在github上陆续补充。还有就是这篇文章没提到的其他布局,待本人后续想到或遇到定会在github上及时更新。 由于文章篇幅较长,排版有些混乱,希望别介意哈。掘金PC端是会自动生成目录的,为了方便移动端阅读,还特意…
用css3实现惊艳面试官的背景即背景动画(高级附源码)
我们传统的前端更多的是用javascript实现各种复杂动画,自从有了Css3 transition和animation以来,前端开发在动画这一块有了更高的自由度和格局,对动画的开发也越来越容易。这篇文章就让我们汇总一下使用Css3实现的各种特效。这篇文章参考《css揭秘》这本…
灵活运用CSS开发技巧
何为技巧,意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺,推动着人类科学技术的发展,同时犹如文字一样承托着人类文化的进步。 每写好一篇文章,都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…
你未必知道的49个CSS知识点
本文的每一条,都是我曾经发过的掘金沸点,其中有很多条超过了百赞(窃喜)。 鉴于时不时有童鞋翻我以前的沸点,因此,本文收集了个人目前发过的所有CSS知识点动图,以便阅读。 需要说明的是,顺序仍是按当时发布顺序罗列的,还没有系统的总结,多多包涵。 另外这里,老姚谢谢各位一如既往的支…