36 lines
1.5 KiB
Markdown
36 lines
1.5 KiB
Markdown
---
|
||
title: Cascading Style Sheets (CSS)
|
||
localeTitle: 层叠样式表（CSS）
|
||
---
|
||
### 层叠样式表（CSS）
|
||
|
||
CSS是Cascading Style Sheets的首字母缩写。它最初是在1996年发明的，现在是所有主要网络浏览器的标准功能。
|
||
|
||
CSS允许开发人员通过“设计”该页面的HTML结构来控制网页的外观。
|
||
|
||
CSS规范由[万维网联盟（W3C）](https://www.w3.org/)维护。
|
||
|
||
目前CSS3已被大部分现代浏览器支持，而下一版的CSS4仍在开发中。
|
||
|
||
你可以在CSS中构建一些非常神奇的东西，例如这个纯CSS [扫雷游戏](https://codepen.io/bali_balo/pen/BLJONk) （它没有使用JavaScript）。
|
||
|
||
|
||
|
||
### 2018流行CSS框架
|
||
|
||
框架是用来简化CSS开发那难度，提高网站制作效率。目前最流行的框架有：
|
||
Bootstrap, Foundation, Bulma, uikit, Semantic UI, mini.css, Materialize, Material Design Lite, Spectre and Kube
|
||
|
||
#### 推荐阅读：
|
||
|
||
CSS入门课程： freeCodeCamp课程[基本CSS简介](https://learn.freecodecamp.org/responsive-web-design/basic-css) 。
|
||
|
||
初学者推荐： W3C的[HTML + CSS](https://www.w3.org/Style/Examples/011/firstcss)教程如何创建样式表。
|
||
|
||
网站范例： 网站[CSS Zen Garden](http://www.csszengarden.com/)是一个很好的范例，展示了如何用CSS装饰HTML内容，使网站更独特。
|
||
|
||
为了演示CSS的强大功能，请查看[Species In Pieces](http://species-in-pieces.com/#) 。
|
||
|
||
想看更多关于前端开发的文章，请参见[CSS-Tricks](https://css-tricks.com)
|
||
|