web前端笔记 - 找找网

网页元素开关状态，到底咋用CSS精准拿捏？:open和:closed的江湖恩怨

摘要写页面时，经常碰到像下拉框、折叠面板这类能开能关的玩意儿。以前想给关上的状态写样式，得绕个弯子用:not…
想在CSS里用一个属性的值去定另一个属性，咋整？

平时写样式的时候，经常碰到一个头疼事儿：想把一个CSS属性的值，设成另一个属性的当前值，但那个值吧，可能自己也…
滚动讲个故事，咋就成了网页设计的硬核新玩法？

这种把网页滚动变成剧情推进器的设计，正悄悄改变着咱们浏览网页的方式。它不是简单地把文字堆在页面上让你往下扒拉，…
网页排版老翻车？试试用“字行长度”这根线，把布局串起来才舒服

看了一堆设计书，里头老提“字行长度”这词儿，听着玄乎，其实就是一行文字有多长。但别小看它，这玩意儿搁以前那是真…
网页是怎么变好看的，用盖房子给五岁小孩讲明白HTML和CSS

有一天在敲代码，家里五岁的小外甥女凑过来问在干啥。屏幕上全是尖括号和英文字母，在她眼里跟天书似的。本想随便糊弄…
CSS滚动驱动动画到底怎么玩，一个轮子就能让你看明白？

做前端的小伙伴肯定都遇到过这种需求：页面滚动到某个位置，某个元素就“嗖”一下弹出来，或者图片滑动到视野中间就变…
为啥头像排成排总打架？试试这招让它们自动靠边站还带丝滑动画

不少朋友做网页时都遇到过这种抓狂事：想搞一溜圆头像，稍微带点重叠效果看着更紧凑，结果屏幕一缩小就挤得变形，屏幕…
还在手撸JS解决样式问题？这波CSS新特性，真的用对了吗？

CSS 世界最近可是热闹得很，新特性像下饺子一样往外冒，光看浏览器更新日志都能把人看花眼。但话说回来，新东西学…
圆形头像列表，CSS动画和mask怎么玩出花？

想把一组头像排成一个完美的圆形，鼠标放上去还能有炫酷的展开动画？这期就手把手搞定它。不用JavaScript，…
玩转CSS瀑布流布局，grid-lanes新特性到底怎么用？

说起网页上那些错落有致的图片墙，像是Pinterest那种一列一列长短不一的展示方式，这就是传说中的瀑布流布局…

WEB笔记

网页元素开关状态，到底咋用CSS精准拿捏？:open和:closed的江湖恩怨

想在CSS里用一个属性的值去定另一个属性，咋整？

滚动讲个故事，咋就成了网页设计的硬核新玩法？

网页排版老翻车？试试用“字行长度”这根线，把布局串起来才舒服

网页是怎么变好看的，用盖房子给五岁小孩讲明白HTML和CSS

CSS滚动驱动动画到底怎么玩，一个轮子就能让你看明白？

为啥头像排成排总打架？试试这招让它们自动靠边站还带丝滑动画

还在手撸JS解决样式问题？这波CSS新特性，真的用对了吗？

圆形头像列表，CSS动画和mask怎么玩出花？

玩转CSS瀑布流布局，grid-lanes新特性到底怎么用？

最新发布