首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
名字起太长会有傻子跟着念
更多收藏集
微信扫码分享
微信
新浪微博
QQ
11篇文章 · 0订阅
小技巧!CSS 整块文本溢出省略特性探究
今天的文章很有意思,讲一讲整块文本溢出省略打点的一些有意思的细节。 我们都知道,到今天(2020/03/06),CSS 提供了两种方式便于我们进行文本超长的打点省略。 基于上述的超长打点省略方案之下,会有一些变化的需求。譬如,我们有如下结构: 对于上述超出的情况,我们希望对于超…
你可能不知道的 transition 技巧与细节
CSS 中,transition 属性用于指定为一个或多个 CSS 属性添加过渡效果。 最为常见的用法,也就是给元素添加一个 transition,让其某个属性从状态 A 变化到状态 B 时,不再是非常直接突兀,而是带有一个补间动画。 当然,除了上述基本的用法,其实 CSS t…
16种方法实现水平居中垂直居中
熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文:16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 ma…
【地狱难度】面试官:你可以用纯 CSS 判断鼠标进入的方向吗?
正直的勇者们经历远航,一路横扫除魔,终于来到了魔王(指面试官)所在的石塔。勇者们在石塔前的守夜人陈大鱼头(此处@陈大鱼头)那里接受了一个挑战——用纯 CSS 难度判断鼠标进入盒子的方向。 勇者 A 给四个盒子分别定位到上下左右四个方向,并利用其 Hover 状态制作动画,三下五…
面试官:你可以用纯 CSS 判断鼠标进入的方向吗?
在之前某一个前端技术群里,有一个群友说他面试的时候遇到了一个问题,就是面试官让他用纯 CSS 来实现一个根据鼠标移动位置觉得物体移动方向的 DEMO。 ~~净会问这种不实用又跟业务没啥关系的问题,气抖冷,中国前端什么时候才能真正的站起来。~~ 谢谢面试官提出的好问题,我会努力实…
不可思议的纯CSS导航栏下划线跟随效果
在继续阅读下文之前,你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下,不借助 JS ,能否巧妙的实现上述效果。 OK,继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascript ,我的第一反应也是,感觉很麻烦啊。所以我一直在想,有没…
灵活运用CSS开发技巧
何为技巧,意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺,推动着人类科学技术的发展,同时犹如文字一样承托着人类文化的进步。 每写好一篇文章,都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…
『真香警告』这33个超级好用的CSS选择器,你可能见都没见过。
CSS 选择器是 CSS 世界中非常重要的一环。 在 CSS 2 之后,所有的 CSS 属性都是按模块去维护的。 CSS 选择器也是如此,然而如今也已经发布了第四版 —— CSS Selectors Level 4 ,这一版最早的草案发布于2011年09月29日,最后更新是20…
🎉 CSS 基础拾遗 | 整理了数十万字资料,分享给你这些 CSS 干货
虽说实际编程水平是才最重要的,但是夯实基础,才能走得更远。仿生狮子最近在准备面试,这个礼拜看了一堆 CSS 相关的内容。整理了数十万字资料后,给你带来这些 CSS 知识点分享。 世界宽广而宏大,我们的知识只是汪洋里的一叶扁舟。组织语言,用博客和书本输出内容,自然受到语言这种媒介…