本教程系个人抽工作之余所作,按照我个人的想法我是想将一些基本的东西以较为轻松的语言描述出来,做成一个系列教程(这需要时间,我会努力抽空更新的),争取让每一个看这个东东的人都能有所收获,但是因作者本人水平有限,不妥当之处敬请留言批评指正。
本教程假设您没有任何CSS样式表语言的基础,甚至,您可以完全不知道CSS是什么东东,但是,我们同样假设您已经掌握了基本的HTML/XHTML语法。比如,您肯定知道<head></head>是表明页面的头部,<p></p>是表示页面的一个段落。
------------------------------------------------------分割线----------------------------------------------------------
1、正式开始学习之前的几句啰嗦话:
l CSS不是什么高深的东东,它的编写环境也很简单,你只需要在WINDOWS自带的记事本中编写,然后在浏览器中查看效果就可以了,不要认为你是在编程,实际上css唯一的作用是用来控制网页中各种对象的表现形式而已,so…你要有充足的信心相信你一定可以学好。
l 虽然CSS学习起来并不困难,但是它也讲究一个动手能力和实际操作经验。我认为所有讲究动手能力和实际操作经验的知识学习起来最好的方法就是动手去实践,所以,我们为什么不实际练习一下呢?记住一点:看100页书,不如动手写10行代码。
2、本小结您将学习的内容:
l CSS到底是什么东东,它有何作用?
l 在网页中加入CSS的方法。
-------------------------------------------------华丽的分割线------------------------------------------------------
第一个问题:CSS到底是什么东东,有何作用?
在解决这个问题之前,我们先来看看网站中一个页面的基本组成:通常,一个页面(前台)由一下三个部分组成:结构,表现和行为。
注:
结构:通常指结构化的文本,通俗点理解就是经过结构化了的页面内容。用于结构化WEB标准技术有HTML、XHTML、XML等。
表现:指将页面中的元素用什么样的外观展示出来,比如文字的字体,字号,颜色,大小,是否有下划线,页面的背景颜色(图片),段落的对齐方式,元素在页面的摆放位置等等。通常用于表现的标准技术就是我们这个教程要讲的CSS(层叠样式表)技术。
行为:通俗理解为人(用户)与网页的交互,比如:我在页面的某个元素上单击一下鼠标,页面会给我什么反应——这就是一个简单的人与网页的交互,我们也可以大体理解为人与机器的交互,交流,沟通(这几个词可能不太准确,请原谅偶在汉语辞藻方面的贫乏)。目前主要表现行为的技术是各种所谓的脚本技术,比如:javascript(当前那是相当流行啊)。
有了上面的知识铺垫,我们知道了CSS是用来控制页面表现的,也就是说是用来控制网页最终展示出来的外观的。CSS的英文全称是Cascading Style Sheets,翻