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