首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
大螃蟹同学
更多收藏集
微信扫码分享
微信
新浪微博
QQ
17篇文章 · 0订阅
前端面试常备09:你应该知道的CSS选择器知识
选择器是CSS规则的一部分, 且位于CSS声明块的前面 选择器可以按类别简单的分为: 简单选择器(Simple Selectors): 通过元素类型, class, id匹配一个或多个元素 属性选择器
【译】 刚出炉的 Grid 布局备忘录,拿走!| 技术点评
通过本文和大家一起重新认识 CSS Grid 布局 。 该属性用于定义列数和宽度。您既可以单独设置每列的宽度,也可以使用 repeat() 函数为所有列设置统一的宽度。👇 该属性用于定义行数和高度。您既可以单独设置每行的高度,也可以使用 repeat() 函数为所有行设置统一…
CSS现状和如何学习
在2020年岁末有幸和一群优秀大学生在一起聊CSS相关的话题,感到非常的荣幸!在此非常感谢平台(阿里巴巴集团.前端练习生计划)给我这样的机会,同时也要非常感谢好友 裕波,墨苒对我的鼓励和支持。在结束直播的时候,说过后面要整理一篇文字版本,由于个人新转团队(互动团队转到 F(x)…
设计 Timeline 时间轴来更精确地控制动画
Firefox 偷偷实现了一个 AnimationTimeline,用来为动画提供时间轴。根据文档,它是一个抽象类,被 DocumentTimeline 继承。 由于是非标准的特性,MDN 的文档里面也没有解释的很清楚,只是说它用来让多个动画共享时间轴,但是具体该怎么用,并没有…
移动端适配浅析
所谓的等比缩放,就是设计师基于一个尺寸做一套设计图,开发工程师会基于设计图100%还原页面。在不同屏幕上的视觉呈现比例完全一致。以下图为例,屏幕尺寸虽有差异,但同一页面视觉效果完全一样,页面内容等比缩放。 这种方式最大的优点是简单、可控。设计师能对不同屏幕尺寸手机的展现效果做绝…
【建议收藏】css晦涩难懂的点都在这啦
下面我将选择进行划分为三大部分,对于基本选择器我就不说了,主要讲下伪类选择器,组合选择器及它们各自的使用场景。 下面讲讲nth-child()括号中的公式,这个算是这个选择器的亮点了。 上面这两我就不说了,相信大家都用烂了。主要说说下面这两个。 好了,在讲完这些选择器之后我们来…
我写CSS的常用套路·续
前言前篇传送门:猛戳这里其实大多数的技巧前篇都已经讲完了,本文算是具有补充性质的番外篇吧0.03D方块如何在CSS中创建立体的方块呢?用以下的SCSSmixin即可方块的长度、高度、深度都可以通过CS
给你一份详细的CSS布局指南,请查收
在我们前端开发过程中,写css(包括sass, less, stylus这样的预处理器)进行设计稿的样式还原是一项重要的工作,而其中,关于页面布局的部分,又是书写样式代码时候的重点和难点,这篇文章就尽可能的去总结常见的一些页面布局实现方案(并不是全部,布局实现方法太多了),希望…
【收藏】你不知道的css技巧
下面总结了一些常用又有趣的css技巧,希望大家收藏,以减少查资料的时间。 css自带的border-style属性 dotted/ dashed . 效果展示出来太密了,并不符合UI设计 为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性: display: -…
我发现了7个关于 CSS backgroundImage 好用的技巧
背景图像可能是我们所有前端开发人员在我们的职业生涯中至少使用过几次的CSS属性之一。大多数人认为背景图像不可能有任何不寻常的地方,但经过研究,答案并非如此。所以本文收集了七个我认为最有用的技巧,并创建了一些代码示例。 另一个很酷的背景特效就是三角形背景,当我们想展示某些完全不同…