首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
2HTML和CSS
订阅
琦乐儿
更多收藏集
微信扫码分享
微信
新浪微博
QQ
30篇文章 · 1订阅
【前端词典】这些功能其实不需要 JS,CSS 就能搞定
今天我们大家介绍一些你可能乍一眼以为一定需要 JavaScript 才能完成的功能,其实 CSS 就能完成,甚至更加简单。 1. 每个单词的首字母大写 其实我第一次看到这个功能的时候就是使用 JS 去实现这个功能,想都没想 CSS 可以完成这个功能。马上就屁颠屁颠的写了一个方法…
你所不知道的 CSS 负值技巧与细节
写本文的起因是,一天在群里有同学说误打误撞下,使用负的 outline-offset 实现了加号。嗯?好奇的我马上也动手尝试了下,到底是如何使用负的 outline-offset 实现加号呢? 修改 outline-offset 到一个合适的负值 ,那么在恰当的时候,outli…
翻译:使用PurgeCSS删除未使用的CSS
为了提高英文水平,尝试着翻译一些英文技术文章,首先就从这个Vue的小技巧文章开始,目前英文版一共22篇。计划用时2~3个月翻译完成。 我们可以用不同的方式处理Web性能,其中之一就是删除我们在应用程序中不使用的所有JS和CSS。 就CSS而言,当我们使用Bootstrap、Bu…
单标签!纯CSS实现动态晴阴雨雪
本期分享一下如何仅用CSS3,实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。先看下最终效果: 没错,就是这么任性,每个动图就一个标签,而且无图无JS!下面就来详细介绍下技术实现。 以及实现单标签最关键的:before、:after伪元素运用。 最大的一点就是…
[译] 从原型图到成品:步步深入 CSS 布局
对很多人来说,创建布局是前端开发领域中最难啃的骨头之一。 你肯定经历过耗费数个小时,换着花样地尝试所有可能起作用的 CSS 属性、一遍遍地从 Stack Overflow 上复制粘贴代码,寄希望于误打误撞地赌中那个能实现预期效果的魔幻组合。 如果你的惯用策略就是按部就班地组合布…
CSS Sticky 其实很简单
Sticky 也不是新知识点了,写这篇文章的原因是由于最近在实现效果的过程中,发现我对 Sticky 的理解有偏差,代码执行结果不如预期。决定写篇文章重新学习一次。 Sticky (MDN 翻译成粘性效果)是 CSS 属性 position 中的一个可选值。跟我们用得比较多的 …
不容错过的CSS变量
当我第一次听说CSS变量时,我是抱着怀疑态度的。scss、sass、less和stylus这些CSS预处理器不是都有变量机制吗? 为什么还要使用它?过了几年,我发现越来越多的人开始讨论和使用它,我觉得我是错过了什么…… 虽然花费了一点功夫,但在使用后,我确实被它吸引住了。这篇文…
面试之道之 CSS 布局
浮动主要考察为什么清除浮动和如何清除浮动的问题。 浮动场景:通常对于块级元素我们是不设置高度的(天知道以后会不会加内容,另外设置了高度会带来显示问题),块级元素的高度是靠子元素内容撑开的。这时,子元素设置浮动,子元素就会脱离文档流,此时父元素的高度就不能靠子元素内容撑开了,就会…
【前端词典】提高幸福感的 9 个 CSS 技巧
在这篇文章我会介绍 9 个使你的 CSS 更加简洁优雅的使用技巧。这些技巧小生经常使用,觉得挺高效实用,所以也就有了这篇文章。 正文现在开始。 1. 建议使用 padding 代替 margin 我们在设计稿还原的时候,padding 和 margin 两个是常用的属性,但我们…
[贝聊科技]不简单的自适应高度输入框
前段时间在项目开发中遇到这样一个需求——文本输入框的高度要随着框内文本所占高度而变化。 下面讲一下实现方案的探索过程。 首先想到的方法,是使用 HTML 5 中新增的contenteditable属性。它可以把元素变成可编辑状态,同时让其保留原有的特性(如元素高度根据元素内容所…