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.移植性强；如果当前开发的某个网站与以前开发的网站需要用到的样式相同时，就可以拿过来复用，如果稍微有点变化时，只需要修改少数地方即可。这可以使开发人员提高开发效率，把精力集中在业务方面上。
6.提高页面访问速度。