| 
									
										
										
										
											2018-10-12 16:35:31 -04: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 12:23:51 +08:00
										 |  |  |  | 目前CSS3已被大部分现代浏览器支持,而下一版的CSS4仍在开发中。 | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2018-11-30 03:29:04 +09:00
										 |  |  |  | 你可以在CSS中构建一些非常神奇的东西,例如这个纯CSS [扫雷游戏](https://codepen.io/bali_balo/pen/BLJONk) (它没有使用JavaScript)。 | 
					
						
							| 
									
										
										
										
											2018-10-12 16:35:31 -04:00
										 |  |  |  | 
 | 
					
						
							|  |  |  |  |  | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2018-11-30 03:29:04 +09:00
										 |  |  |  | ### 2018流行CSS框架
 | 
					
						
							|  |  |  |  | 
 | 
					
						
							|  |  |  |  | 框架是用来简化CSS开发那难度,提高网站制作效率。目前最流行的框架有: | 
					
						
							|  |  |  |  | Bootstrap, Foundation, Bulma, uikit, Semantic UI, mini.css, Materialize, Material Design Lite, Spectre and Kube | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2018-10-12 16:35:31 -04:00
										 |  |  |  | #### 推荐阅读:
 | 
					
						
							|  |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2018-11-30 03:29:04 +09: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 16:35:31 -04:00
										 |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2018-11-30 03:29:04 +09:00
										 |  |  |  | 网站范例: 网站[CSS Zen Garden](http://www.csszengarden.com/)是一个很好的范例,展示了如何用CSS装饰HTML内容,使网站更独特。 | 
					
						
							| 
									
										
										
										
											2018-10-12 16:35:31 -04:00
										 |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2018-11-30 03:29:04 +09:00
										 |  |  |  | 为了演示CSS的强大功能,请查看[Species In Pieces](http://species-in-pieces.com/#) 。 | 
					
						
							| 
									
										
										
										
											2018-10-12 16:35:31 -04:00
										 |  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2018-11-30 03:29:04 +09:00
										 |  |  |  | 想看更多关于前端开发的文章,请参见[CSS-Tricks](https://css-tricks.com) | 
					
						
							| 
									
										
										
										
											2018-12-11 12:23:51 +08:00
										 |  |  |  | 
 |