首页 > CSS教程 阅读:4,704

CSS教程,CSS3教程,7天快速入门

< 上一页CSS教程 CSS是什么下一页 >

CSS 是“Cascading Style Sheet”的缩写,中文译为“层叠样式表”,它用来控制网页的样式,比如字体、颜色、边框、间距、大小、位置、可见性等。

如果将 HTML 网页比作“毛坯房”,那么有了 CSS 就是“精装修”;没有装修的房子无法居住,没有 CSS 的网页就是“耍流氓”。

CSS 的最新版本是 CSS3,它提供了更多炫酷的效果,降低了对 JavaScript 脚本的依赖,减少了 UI 设计师的工作量,比如圆角、阴影、透明度、渐变背景、Web 字体、2D/3D变形(旋转、扭曲、缩放)、动画等,都是 CSS3 新增的功能。
CSS3 的 Logo
CSS3 目前还在更新中,但是大部分功能已经可以使用了,Chrome(谷歌浏览器)、Safari(Mac OS 上的浏览器)、Firefox(火狐浏览器)、Android 浏览器、iOS 浏览器、UC 等主流浏览器对 CSS3 的支持已经相当不错了,只要你不使用特别生僻的功能,一般都没问题。
360 浏览器、QQ 浏览器、百度浏览器等国产浏览器都使用了 Chromium 引擎,这个引擎就是 Chrome 的引擎,所以它们对 CSS3 的支持不逊色于 Chrome。
让人遗憾的是,古板、偏执的 IE 浏览器直到 IE10 才能比较好的支持 CSS3。IE 的市场占有率不可忽视,如果你的客户仍然在使用 IE9 及其以下版本的浏览器,请慎用 CSS3。

虽然 PC 端网站由于 IE 的限制不能大展拳脚,但是移动端网站可以为所欲为,使用很多 CSS3 的高级特效,因为移动端浏览器对 CSS3 的支持都比较好。

关于本教程

这套 CSS 教程针对想学习网页设计的读者,要求读者有 HTML 基础,能搭建基本的网站框架。

教程中包含了大量源码和实例,你可以复制下来在本地查看运行效果;教程中的源码我们也进行了高亮处理,大家阅读起来更加清爽。
教程目录:
1. CSS是什么:CSS的概念及其发展
2. 什么是Web标准(网页标准)
3. W3C标准制定流程
4. 初次体验CSS
5. CSS3新特性
6. CSS3的优势(优点、好处)
7. 浏览器对CSS3的支持(CSS3浏览器兼容性一览表)
8. CSS样式及其基本语法
9. HTML嵌入CSS样式(四种方法)
10. CSS样式表(内部样式表和外部样式表)
11. HTML导入外部样式表(HTML导入CSS文件)
12. CSS注释
13. CSS属性
14. CSS属性值和CSS单位
15. CSS样式优先级顺序
16. CSS继承性
< 上一页CSS教程 CSS是什么下一页 >

编程帮,一个分享编程知识的公众号。跟着站长一起学习,每天都有进步。

通俗易懂,深入浅出,一篇文章只讲一个知识点。

文章不深奥,不需要钻研,在公交、在地铁、在厕所都可以阅读,随时随地涨姿势。

文章不涉及代码,不烧脑细胞,人人都可以学习。

当你决定关注「编程帮」,你已然超越了90%的程序员!

编程帮二维码
微信扫描二维码关注