CSS 教程

CSS教程简介

本教程主要描述如何通过CSS来大大提升网页开发的工作效率！在我们的 CSS 教程中，您会学到如何使用 CSS 同时控制多重网页的样式和布局。

本 CSS 教程包含了数百个CSS在线实例，通过本站的在线编辑器，你可以在线编辑CSS,并且可以在线查看修改后的效果。

温馨提示：如果您想通过边学边练的方式学习CSS，那么请您移步CSS微课！

如果您觉得CSS的学习难度较高，不易理解，建议您采用视频教程进行学习：CSS视频课程

学完本教程之后，W3Cschool推荐您进行实战练习：CSS实战

CSS教程章节简介

本教程通过css基础教程、响应式设计原理及大量css实例让您更全面的学习css的相关知识

1.  css教程
2.  css响应式设计
3.  css实例

什么是CSS？

1. CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。
2. CSS 是一种标记语言，属于浏览器解释型语言，可以直接由浏览器执行，不需要编译。
3. CSS 是用来表现HTML或XML的标记语言。
4. CSS 是由W3C的CSS工作组发布推荐和维护的.
5. CSS 是编程入门人员的必修课，运用CSS样式可以让页面变得美观。
6. CSS语法由三部分构成：选择器、属性和值： selector {property: value}

使用CSS的优势

内容与表现分离，有了CSS，网页的内容(XHTML)与表现就可以分开了。

使用CSS可以减少网页的代码量，增加网页的浏览速度。

如何使用CSS？

有三种方法可以在站点网页上使用样式表：

1. 外联式Linking（也叫外部样式）：将网页链接到外部样式表。
2. 嵌入式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。
3. 内联式Inline（也叫行内样式）：应用内嵌样式到各个网页元素。

其中，优先级：内联式 > 嵌入式 > 外联式

CSS官方信息

• 类    型:  计算机语言  
• 作    者:  w3c组织
• CSS官网:  http://www.w3.org/Style/CSS/
• CSSAPI文档:  http://www.w3cschool.cn/cssref

CSS在线工具

1. 在线CSS Lint(CSS代码优化)工具：http://www.w3cschool.cn/tools/index?name=csslint
2. 在线CSS代码压缩、格式化工具：http://www.w3cschool.cn/tools/index?name=cssbeauty
3. 校验CSS的正确性：http://jigsaw.w3.org/css-validator/

在学习CSS的同时，你可以了解的知识

• 《HTML教程》
• 《Javascript教程》
• 《Jquery教程》
• 《AJAX教程》

CSS相关教程

• 《CSS 入门教程》

• 《CSS 参考手册》