首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
前端切图仔1203
更多收藏集
微信扫码分享
微信
新浪微博
QQ
5篇文章 · 0订阅
学会Grid之后,我觉得再也没有我搞不定的布局了
说到布局很多人的感觉应该都是恐惧,为此很多人都背过一些很经典的布局方案,例如:圣杯布局、双飞翼布局等非常耳熟的名词; 为了实现这些布局我们有很多种实现方案,例如:table布局、float布局、定位布
最强大的 CSS 布局 —— Grid 布局
Grid 布局即网格布局,是一种新的 CSS 布局模型,比较擅长将一个页面划分为几个主要区域,以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案!!
CSS — 实现两栏、三栏、水平垂直居中等各种常见布局及各种常见图形
形状 三角形 border 直角等腰三角形👇: 等腰三角形👇: 等边三角形👇: clip-path clip-path 中的 polygon 属性可以用来绘制多边形。点的顺序是顺时针方向(第四象限)
与众不同的夜间开关交互效果
一个包含云朵,星星,太阳,月亮,小飞机,太空熊等元素的夜间模式切换开关效果,如此与众不同的交互设计效果你不来看看吗
我用 flex 布局 写了 9 个麻将
前言 为了深入了解 flex 布局,我用 它 写了 9个麻将,当然,你也可以试试骰子,大同小异。 一、初始布局与公共样式 一开始是想用 div 来写,后来改成 ul li 更合适。 1、基础布局 2、