CSS学习心得

上传者：蔡恒君
|
上传时间：2015-04-29
|
密次下载

CSS学习心得

CSS 学习心得

虽然以前也学过一些CSS 方面的知识，但没有系统的学过。于是我就花了一些时间把CSS
系统的学习了一遍，也不过是只学了个皮毛而已，关于更深层次的东西，还要继续学习和研
究。通过自身的学习，我对CSS 也有了一定层次的了解，接下来，是我个人对CSS 的总结。
从1990 年代初HTML 被发明开始样式表就以各种形式出现了，不同的浏览器结合了它们
各自的样式语言，读者可以使用这些样式语言来调节网页的显示方式。一开始样式表是给读
者用的，最初的HTML 版本只含有很少的显示属性，读者来决定网页应该怎样被显示。但随
着 HTML 的成长，为了满足设计师的要求，HTML 获得了很多显示功能。随着这些功能的增加
外来定义样式的语言越来越没有意义了。1994 年哈坤·利提出了CSS 的最初建议。在CSS 中，
一个文件的样式可以从其它的样式表中继承下来。读者在有些地方可以使用他自己更喜欢的
样式，在其他地方则继承，或“层叠”作者的样式。这种层叠的方式使作者和读者都可以灵
活地加入自己的设计，混合各人的爱好。当时W3C 刚刚建立，W3C 对CSS 的发展很感兴趣，
它为此组织了一次讨论会。哈坤、波斯和其他一些人（比如微软的托马斯·雷尔登）是这个
项目的主要技术负责人。1996 年底，CSS 已经完成。
CSS 是Cascading Style Sheets(层叠样式表)的缩写，是一种样式表语言，用于为HTML
文档定义布局。HTML 和CSS 的区别在于HTML 用于结构化内容，CSS 用于格式化结构化的内容。
例如，CSS 涉及字体、颜色、边距、高度、宽度、背景图像、高级定位等方面。CSS 即可以写
在HTML 页面里，也可以单独封装成一个后缀名为js 的文件，在页面里来引用它，引用方式
也并不单一，使用起来非常的方便。我个人认为，CSS 主要有六大优点：表现与结构分离、
应用于多个页面、利于维护、样式全面、移植性强、提高页面访问速度。
1.表现与结构分离；虽然在HTML 标签里也可以设置样式，但毕竟看上去很乱，而且整个
页面的代码也不美观。要真正达到表现与结构分离，那么就需要使用 CSS，它的好处在于整
个页面都是HTML 标签来表现内容，而真正的页面样式是封装在CSS 里，使开发人员很容易就
能够读懂代码。
2.应用于多个页面；如果是单纯的在HTML 标签内设置样式的话，那么，这些样式就只能
在某个单独的页面来使用了，不能用到别的与其使用样式相同的页面，大大的增加的代码开
发量。如果把它单独封装成一个CSS 文件的话，就可以解决这些问题，它可以使相同的页面
都引用这个CSS 文件，从而，减少了很大部分的代码开发量。如果某个浏览器不支持CSS 的
话，它还会自动隐藏，而不会随页面内容一起显示出来。
3.利于维护；如果在一个页面中，很多HTML 标签的样式都相同的话，就需要在每个相同
的HTML 标签内都设置样式，如果期间要调整样式的话，那将会非常麻烦，都需要手动的去修
改每个HTML 标签。如果应用CSS 的话，就非常简单，它有三种样式选择器，一种是标签选择
器，一种是 ID 选择器，一种是类选择器，只要改动 CSS 内的样式，就会影响到所有类别的
HTML 标签，效率非常高。虽然 CSS 样式的语法与HTML 标签内的样式语法有些不同，但使用
起来则非常方便，而且，为了方便日后维护，还可以在里面添加注释，这一点HTML 标签是做
不到。
4.样式全面；基本的样式：包括字体大小、颜色、对齐方式等等，HTML 标签也有，这点
CSS 不是很突出，但是CSS 能实现HTML 样式实现不了的功能，比如：滤镜。它的效果和Flash
的效果是一模一样的，而用Flash 做一个效果需要很大的空间，而CSS 的滤镜只有一行代码，
如果学会了CSS 滤镜，那么，将会大大节省页面资源。
5.移植性强；如果当前开发的某个网站与以前开发的网站需要用到的样式相同时，就可
以拿过来复用，如果稍微有点变化时，只需要修改少数地方即可。这可以使开发人员提高开
发效率，把精力集中在业务方面上。

教育资源为主的文档平台

文档分类