# CSS-The-Definitive-Guide-4th-zh

**Repository Path**: sfccdn/CSS-The-Definitive-Guide-4th-zh

## Basic Information

- **Project Name**: CSS-The-Definitive-Guide-4th-zh
- **Description**: CSS权威指南中文第四版翻译
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://gdut_yy.gitee.io/doc-csstdg4/
- **GVP Project**: No

## Statistics

- **Stars**: 12
- **Forks**: 6
- **Created**: 2021-01-05
- **Last Updated**: 2025-03-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# CSS-The-Definitive-Guide-4th-zh

CSS 权威指南第四版 中文翻译

在线阅读：[http://gdut_yy.gitee.io/doc-csstdg4/](http://gdut_yy.gitee.io/doc-csstdg4/)

<img src="./docs/cover.png" width=24% />

## 前言

CSS 的标准发展日新月异，本书的第一章写于 2012 年，现在来看部分内容已经稍有落后，而等到第四版的中文版引入国内时，又不知何年何月了。遂决定阅读英文版，此 repo 仅为个人参考翻译。英文正式版已于 2017 年 10 月正式出版。

## Features

1. 点击书中的图片即可以跳转到与图片对应的 html 页面，可通过浏览器的 F12 查看相关样式，带来比纸质书或 PDF 更好的阅读体验！~
2. 第 17 章和第 18 章（“过渡”和“动画”）有一些 CSS 动态样例，这些示例与书中的图片不对应，你可以通过点击图片跳转到对应页面中观看动态示例！~

## 目录

- [第 1 章 CSS 和 Documents](docs/ch1.md)
- [第 2 章 选择器](docs/ch2.md)
- [第 3 章 特异性和级联](docs/ch3.md)
- [第 4 章 值和单位](docs/ch4.md)
- [第 5 章 字体](docs/ch5.md)
- [第 6 章 文本属性](docs/ch6.md)
- [第 7 章 基本的视觉格式化](docs/ch7.md)
- [第 8 章 Padding, Borders, Outlines 和 Margins](docs/ch8.md)
- [第 9 章 颜色、背景和渐变](docs/ch9.md)
- [第 10 章 浮动和形状](docs/ch10.md)
- [第 11 章 定位](docs/ch11.md)
- [第 12 章 灵活的框布局](docs/ch12.md)
- [第 13 章 网格布局](docs/ch13.md)
- [第 14 章 CSS 中的表格布局](docs/ch14.md)
- [第 15 章 列表和生成的内容](docs/ch15.md)
- [第 16 章 转换 ](docs/ch16.md)
- [第 17 章 过渡](docs/ch17.md)
- [第 18 章 动画](docs/ch18.md)
- [第 19 章 过滤器，混合，剪切和掩蔽](docs/ch19.md)
- [第 20 章 Media-Dependent 风格](docs/ch20.md)

## 本地开发 & 阅读

本项目基于 vuepress 进行开发，以提供比 github mardown 更佳的阅读体验

依赖于 `node.js`、`yarn`（或者`npm`）、`vuepress` 等环境

### 本地开发 & 阅读

```sh
# 安装 vuepress 依赖，使用 yarn：
yarn global add vuepress
# 或使用 npm：
npm install -g vuepress

# 本地开发
git clone https://github.com/gdut-yy/CSS-The-Definitive-Guide-4th-zh.git
cd CSS-The-Definitive-Guide-4th-zh/

# 使用 yarn：
yarn docs:dev
# 或使用 npm：
npm run docs:dev
```

## Contributors

<table>
  <tr>
    <td align="center"><a href="https://gdut-yy.github.io/"><img src="https://avatars2.githubusercontent.com/u/33390928?s=460&v=4" width="100px;" /><br /><sub><b>gdut-yy</b></sub></a><br /></td>
    <td align="center"><a href="https://github.com/gdut-wj"><img src="https://avatars3.githubusercontent.com/u/38821031?s=460&v=4" width="100px;" /><br /><sub><b>gdut-wj</b></sub></a><br /></td>
    <td align="center"><a href="https://github.com/brightzoe"><img src="https://avatars2.githubusercontent.com/u/17716768?s=400&v=4" width="100px;" /><br /><sub><b>brightzoe</b></sub></a><br /></td>
    <td align="center"><a href="https://github.com/PID000"><img src="https://avatars1.githubusercontent.com/u/32430186?s=400&v=4" width="100px;" /><br /><sub><b>LuoTingZhong</b></sub></a><br /></td>
    <td align="center"><a href="https://github.com/RxGirlz"><img src="https://avatars3.githubusercontent.com/u/51844789?s=460&v=4" width="100px;" /><br /><sub><b>RxGirlz</b></sub></a><br /></td>
    <td align="center"><a href="https://github.com/chenshaw1995"><img src="https://avatars0.githubusercontent.com/u/22993199?s=460&v=4" width="100px;" /><br /><sub><b>chenshaw1995</b></sub></a><br /></td>
    <td align="center"><a href="https://github.com/kwokonwoo"><img src="https://avatars0.githubusercontent.com/u/58925133?s=460&v=4" width="100px;" /><br /><sub><b>kwokonwoo</b></sub></a><br /></td>
  </tr>
  <tr>
    <td align="center"><a href="https://github.com/hanhan9449"><img src="https://avatars3.githubusercontent.com/u/28822945?s=400&u=98e89e388a3d44a6a6a9acb24ed2aff7634748e5&v=4" width="100px;" /><br /><sub><b>hanhan9449</b></sub></a><br /></td>
  </tr>
</table>

## 更多书籍

[https://github.com/xx-zh/xx-zh-roadmap](https://github.com/xx-zh/xx-zh-roadmap)

## License

[MIT](./LICENSE)