使用 gulp 构建一个项目 package.json 安装依赖 设计目录结构 让命令行输出的文字带颜色 配置 JS 任务 gulp-uglify gulp-watch-path stream-combiner2 gulp-sourcemaps 配置 CSS 任务 gulp-minify-css gulp-autoprefixer 配...

grid基础语法介绍(上) 定义在容器的属性 disaplay grid-template-columns grid-template-rows grid-template-areas grid-column-gap grid-row-gap justify-items align-items justify-content align-c...

CSS 和文档 Web 样式简史 元素 替换元素和非替换元素 替换元素 非替换元素 元素显示角色 块级元素 行内元素 结合CSS和HTML link 标签 属性 备用样式表 style 元素 @import 指令 HTTP链接 行内样式 样式表内容 标记 规则结构 厂商前缀 空格处理 CSS注释 媒体查询 使用 ...

Upgrading from v0.x to v1.0 Upgrade steps for all users 1. Update Tailwind 2. Update your config file 2.1. Move all design-related top-level keys into a new section called theme ...

Grid栅格 设计理念 概述 代码演示 API Row Col Grid栅格 24 栅格系统。 设计理念 在多数业务情况下，Ant Design 需要在设计区域内解决大量信息收纳的问题，因此在 12 栅格系统的基础上，我们将整个设计建议区域按照 24 等分的原则进行划分。 划分之后的信息区块我们称之为『盒子』。建议横向排列的盒子数...

Cards Card Layout Expandable Cards Expandable Cards Layout Expandable Card Size Hide Elements On Open/Close Prevent Card From Opening Expandable Card Backdrop Card App Meth...

Cards Card Layout Expandable Cards Expandable Cards Layout Expandable Card Size Hide Elements On Open/Close Prevent Card From Opening Expandable Card Backdrop Card App Meth...

Forms Overview Form controls Sizing Readonly Readonly plain text Range Inputs Checkboxes and radios Default (stacked) Inline Without labels Layout Form groups Form grid ...

Basic example Active items Disabled items Links and buttons Flush Horizontal Contextual classes Conveying meaning to assistive technologies With badges Custom content Che...

Basic example Active items Disabled items Links and buttons Flush Numbered Horizontal Contextual classes Conveying meaning to assistive technologies With badges Custom co...