2497462726 / css-guidebook Public

forked from tsejx/css-guidebook

Notifications You must be signed in to change notification settings
Fork 0
Star 0

📚 CSS 知识图谱新特性、属性、布局、响应式、动画

tsejx.github.io/css-guidebook/

0 stars 39 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 122 Commits
.github/workflows		.github/workflows
config		config
docs		docs
example		example
public		public
scripts		scripts
.gitignore		.gitignore
README.md		README.md
index.tsx		index.tsx
package-lock.json		package-lock.json
package.json		package.json

Repository files navigation

CSS GuideBook

目录

基础概念
属性
- 定位
- 盒子
- 修饰
- 内容
- 背景
- 变形
- 动画
- 过渡
- Hack
布局
- 盒模型
- 块级格式上下文
- 基础布局
  - 内联块级布局
  - 文档流布局
  - 定位布局
  - 浮动布局
  - 清除浮动
  - 弹性布局
  - 表格布局
- 居中布局
- 多栏布局
  - 双栏布局
  - 三栏布局
  - 多栏布局
- 网格布局
  - 网格布局
  - 显式网格属性
  - 隐式网格属性
  - 网格布局术语
  - 网格布局应用
工程化
- 静态资源
  - 字体文件（WebFont or Assets）
  - Sprite
- 预编译
  - Less
  - Sass
  - CoffeScript
- 样式方案
  - css modules
  - stylus
  - css-nano
  - postcss
  - css in js
  - compass
响应式开发
- 常见设备宽高
- Flex 弹性盒布局
- 媒体查询（Media Query）
- 用 REM 开发响应式设计
- 多列布局（Multiple Columns）
前端性能优化
浏览器兼容
- CSS HAck
优质工具网站推荐

参考资料

关于 CSS 详细信息（包括语法解释、兼容性和示例等）推荐查询以下网站：

About

📚 CSS 知识图谱新特性、属性、布局、响应式、动画

tsejx.github.io/css-guidebook/

Report repository

Releases

No releases published

Packages

No packages published

Languages

TypeScript 59.6%
Less 39.2%
Other 1.2%