首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
CSS
订阅
ChiaChunChen
更多收藏集
微信扫码分享
微信
新浪微博
QQ
32篇文章 · 0订阅
[译] 读完 flexbox 细则之后学到的 11 件事
原文地址:11 things I learned reading the flexbox spec 原文作者:David Gilbertson 译文出自:掘金翻译计划 译者:XatMassacrE 校对者:zaraguo,reid3290 读完 flexbox 细则之后学到的 …
CSS 中重要的层叠概念
1. 层叠上下文 (Stacking Context) 层叠上下文 (堆叠上下文, Stacking Context),是HTML中一个三维的概念。在CSS2.1规范中,每个元素的位置是三维的,当元素发生层叠,这时它可能覆盖了其他元素或者被其他元素覆盖;排在z轴越靠上的位置,距…
边学边玩CSS Grid
Grid Garden1是Codepip2创建的一款寓教于乐的在线网页游戏,游戏共有28关。玩家可以通过过关的方式掌握CSS最新标准CSS Grid。 游戏的设定是一个花园种植胡萝卜的场景,玩家通过在代码区填写CSS Grid的相关代码完成除草、浇水等任务。通过玩家的辛勤劳作,…
[译] 关于 CSS 变量,你需要了解的一切
本文是我新写的电子书的第一章(电子书目前已支持 pdf 和 mobi 格式下载)。 大多数编程语言都支持变量。然而遗憾的是,CSS 从一开始就缺乏对原生变量的支持。 你写 CSS 吗?如果写的话你就知道是没法使用变量的。当然了,除非你使用像 Sass 这样的预处理器。 像 Sa…
快速开始grid布局
CSS Gird已经被W3C纳入到css3的一个布局模块中,被称为CSS Grid Layout Module,一般习惯称为网格布局。 网格布局可以将应用程序分割成不同的空间,定义它们的大小、位置和层级。 简单来说,网格布局就像表格一样可以让元素按列和行对齐排列,不同的是,网格…
[译] CSS Grid 之列宽自适应:`auto-fill` vs `auto-fit`
除了显式的指定列大小之外,CSS Grid 还有个非常强大的功能 —— 模式填充(repeat-to-fill)列然后对内容进行自动布局。也就是说,开发者只需要指定列数,自适应方面的事情(视口尺寸小则显示列数少,反之则多)交给浏览器来处理就行了,也不需要用媒体查询。 上述功能完…
采用20/80原则学习 CSS Grid 布局
采用20 / 80原则学习和使用 Grid 布局。 本文不会覆盖Grid 布局的所有细节,而是面向那些想快速用起来并看到效果的你们。我将会向你介绍 Grid 技术的20%,学会了这些你就掌握了Grid 功力的80%了,开心不🤒。 For a programmer, lazin…
浏览器前端优化
浏览器前端优化,文章笔记
sass变量详解——你不知道的sass。
写在前面: 现在一直使用sass写css,当初入门的时候,看的很多教程,当时看的云里雾里的,现在看来还是蛮详细的,就是一点,不够小白。本人文章类型一直比较偏小白的,想要更好的为不会用sass提供一点学习的资料,相信本文对想要学习sass的人,还是有极大的参考价值的。里面有些细节…