css3

前端面试每日 3+1 —— 第831天
《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。前端面试每日3+1题,以面试题来驱动学习,每天进步一点!让努力成为一种习惯,让奋斗成为一种享受!相信 坚持 的力量!!!
2021-07-29 11:05:32阅读全文

微信小程序开发时absolute定位偏移和宽高问题
分别用before和after伪类来作为加号(+)的横和竖,发现横和竖不管怎么调整都有点偏离原本应该居中的位置。.add-btn{
2021-08-05 04:53:29阅读全文

实践积累 —— 用Vue3简单写一个单行横向滚动组件
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
2021-08-08 18:42:50阅读全文

教你如何用 CSS Painting API 画新小米logo, border-radius可是画不出的
这是小米的新logo用border-radius可是画不出来的因为这个图的圆是[超椭圆]border-radius 能写出超椭圆吗?
2021-08-15 23:11:49阅读全文

使用 HTML、CSS 和 JavaScript 制作模拟时钟(初学者教程)
在本文中,您将学习如何使用 HTML、CSS 和 JavaScript 编程代码制作模拟时钟。在这里我将向您展示如何制作一个简单的模拟时钟。
2021-08-16 04:40:41阅读全文

小白入门前端必懂之盒子模型
你是不是开始入门前端的时候,总是对于网页布局有着神一样的向往,特别希望自己能赶紧做出像淘宝、京东等页面来,认为达到这种程度就离真正的前端不远了!
2021-08-17 22:06:37阅读全文

为什么同样是自学前端,有些人能拿10K,有些人只能拿6K
昨天在一个前端群里发生了一件很有意思的事情,群成员A在群里提了一个关于行内元素排列间隙处理的问题,群成员B帮A解决了,两个人就聊了起来,发现两个人都是自学的前端,学历都是普通二本。但A的月薪是10K,B的月薪只有6K。今天就借着这件事跟大家聊一下,为什么同样是自学前端,有的人第一份工作能拿10K,有
2021-08-23 16:09:28阅读全文

前端面试每日 3+1 —— 第880天
《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。前端面试每日3+1题,以面试题来驱动学习,每天进步一点!让努力成为一种习惯,让奋斗成为一种享受!相信 坚持 的力量!!!
2021-09-15 11:05:04阅读全文

横向滚动的flex布局 最右侧margin-right 失效
上述代码执行后,发现最左侧 top-area-item 的 margin-left 有效,但最右侧的 margin-right 无效:
2021-09-30 20:24:20阅读全文

作为前端,怎么亲手设计一个婚礼邀请函
一个前端,成家之时,需要一份婚礼邀请函。用网上哪些网站(婚礼纪、易企秀)生成出来的,样式、动画效果感觉很赞,但公司logo、广告弹窗、加载速度、自定义版图都让我这个职(qiang)业(po)前(zheng)端(huanzhe)感觉,这需求肯定过不了产品验收。
2021-10-09 08:53:13阅读全文

Chrome 开发者工具里的 CSS grid editor
Grid 布局与 Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。
2021-10-08 21:49:54阅读全文

前端面试每日 3+1 —— 第912天
《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。前端面试每日3+1题,以面试题来驱动学习,每天进步一点!让努力成为一种习惯,让奋斗成为一种享受!相信 坚持 的力量!!!
2021-10-14 04:53:39阅读全文

HTML+CSS(知识点总结)
2021-10-20 21:28:20阅读全文

请收下这份CSS元素居中终极指南
2021-10-26 16:32:19阅读全文

web前端学习必备,10分钟掌握前端CSS,详解CSS的三大特性
CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。这一切都离不开CSS的特性,接下来简单聊聊CSS的3大特性。
2021-11-09 10:59:17阅读全文

flex实现左右均分布局,带固定间距
2021-11-12 16:43:07阅读全文

可以用家用 PC 做服务器,搭建一个访问量很小的博客?
现代人的家中都有大量电子设备。手机更新换代也比较快,最麻烦的就是电脑、手机、平板之间的文件共享和备份了。
2021-11-17 12:08:16阅读全文

前端面试每日 3+1 —— 第969天
《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。前端面试每日3+1题,以面试题来驱动学习,每天进步一点!让努力成为一种习惯,让奋斗成为一种享受!相信 坚持 的力量!!!
2021-12-13 13:48:23阅读全文

微信小程序横屏状态下的自适应实践(尺寸单位vmin)
在目标页面json文件里设置"pageOrientation": "landscape"即可实现全屏,这个参数默认是"portrait"(竖屏),设置"auto"表示跟随手机系统自动转换。
2021-12-14 08:10:02阅读全文

filter:grayscale(1)使网页呈现哀悼模式
伟大的革命先烈们为我们祖国的诞生做出了巨大的牺牲,在相应节日里,我们的站点会呈现灰色哀悼模式,以此来纪念先烈们。国内大厂首页也是这样做的。
2021-12-14 21:52:15阅读全文

这18个网站能让你的页面背景炫酷起来
这18个网站是我在取经路上意外发现的,里面包括 纯CSS 实现的炫酷背景,还有专门制作背景图的网站。算是取经路上的大补之物~
2021-12-30 17:27:40阅读全文

反复切换"账号"有些麻烦? 写个谷歌插件帮你快速切换用户登录态
2021-12-30 15:55:38阅读全文

css实现电池、水彩笔、铅笔、蜡笔形状
效果:难点: 电池电量100%时凸出来的那部分白色怎么变成红色?(即电池正极凸出来的那部分怎么填充颜色?)解决: 电量100%时让显示电量的红色div溢出整个电池,并在电池凸出来部分的两边分别使用一个白色div盖住即可。如图:
2022-01-27 04:36:16阅读全文