当前位置:文档之家› CSS学习心得

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.提高页面访问速度。

相关主题
文本预览
相关文档 最新文档