提示:点击上方"蓝色字体"↑ 可以订阅噢!
盒模型
content=width×height
padding
border
2025年08月16日
微信ID:WEB_wysj(点击关注) ◎ ◎ ◎ ◎ ◎◎◎◎◎一┳═┻︻▄
(页底留言开放,欢迎来吐槽)
● ● ●
把一个选项属性(Checkbox)设计成切换形关的样式,确实是一个很有创意的想法,视觉体验方面也大大提升。
随着是 CSS3 的出现,实现这些切换样式并不困难,今天我们分享来自 Imagine Alex 编写的「Switcher styles collection」,里面有11款目前流行的切换开头样式,并且包住源码,设计师们可以参考或学习这些技术。
2025年08月16日
编写好的CSS代码,有助提升页面的渲染速度。本质上,引擎需要解析的CSS规则越少,性能越好。MDN上将CSS选择符归类成四个主要类别,如下所示,性能依次降低。
ID 规则
Class 规则
标签规则
通用规则
本文我想分享一些我在编写高性能CSS中用到的简单例子和指南。这些都是受到MDN 编写的高效CSS指南的启发,并遵循类似的格式。
2025年08月16日
2005年的某个深夜,北京中关村一间小民房里,25岁的前端开发者李明盯着屏幕上闪烁的IE6浏览器,第17次调整CSS滤镜代码。为了实现一个简单的圆角按钮,他不得不将背景图切割成四个部分,用嵌套的div拼接——这个今天一行border-radius就能解决的问题,在当时消耗了他整整4小时。
2025年08月16日
学Python有一段时间了,但接口还没去做过。也就是前端html,css,javascripts,后端就用Python。
先看效果图:
安装Python 和Flask这些我跳过,自行安装。
2025年08月16日
最近全国中小学生及中高职学校陆续考完期末考试,任课老师及班主任将要面对一大泼学生成绩数据汇总整理,老师们多会头疼……
如果你是班主任或任课老师,不妨尝试这款工具,体验数据赋能的教学新范式:一张excel表格,1秒生成学生雷达图档案,10秒完成汇总报告PPT内容。
1. 动态数据驾驶舱
2025年08月16日
今天遇到一个很有意思的面试题,面试官给我一道题目,要我实现之前它们公司之前写的一个组件。
首先我介绍下这道题,首先我是先想到用 flex 布局来写头像分布,因为 grid 布局不能实现头像最后一排不能居中的效果。