您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

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

时间:03-02来源:作者:点击数:

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. 网站到底是什么?
2. HTML <img>标签(插入图片)
3. HTML <a>标签(超链接)
4. URL结构解析
5. HTML块级元素及行内元素
6. HTML有序列表+无序列表+定义列表
7. 绝对路径和相对路径
8. HTML <table>标签(表格)
9. HTML锚点链接
10. HTML的基本结构
11. HTML <head>标签
12. HTML <form>标签(表单)
13. HTML <meta>标签
14. HTML <input>标签
15. HTML单行文本框
16. HTML密码框
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门