《第10章 CSS的基础知识》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第10章CSS的基础知识10.1样式表和HTML的关系10.2样式表的基本结构10.3如何在网页中加入css10.4class与id类选择符10.5div与span标签10.6CSS的几个特性上一页下一页目录结束本节10.3如何在网页中加入css10.3.1在行内直接加入样式10.3.2把样式表嵌入到文档头10.3.3链接到样式表10.3.4输入样式表上一页下一页目录结束本节10.4.1class类选择符10.4.2.id类选择符10.4class与id类选择符上一页下一页目录结束本节10.5.1div标签10.5.2span标签10.5div与spa

2、n标签上一页下一页目录结束本节第10章CSS的基础知识CSS是为了简化Web页面的更新工作而诞生的，它的功能非常强大，它将让网页变得更加美观，维护更加方便。CSS跟HTML一样，也是一种标记语言，甚至很多属性都来源于HTML，它也需要通过浏览器解释执行。任何懂得HTML的人都可以掌握，非常容易。上一页下一页目录结束本节样式表(StyleSheets)技术诞生于1996年，全称是层叠样式表(CascadingStyleSheets，简称CSS)。那什么是样式呢？样式其实就是格式，对网页来说，像文字的大小、颜色以及图片位置等，都是网页显示信息的样式。那层叠

3、又是什么意思？意思是当我们在HTML文件中引用数个定义样式文件（CSS文件）时，若数个样式文件间所定义的样式发生冲突，将依据层次处理。样式表是HTML的表兄弟。样式表的产生是由于最初的HTML标准还不尽人意，用HTML制作网页就像是用画笔绘制一幅图画，只有那些对网页制作痴迷而执着的人才可能精确地实现预定的结果。正是在这种情况下，样式表技术诞生了，样式表的目的是为了“对布局、字体、背景和其他图文效果实现更加精确的控制”。10.1样式表和HTML的关系上一页下一页目录结束本节HTML4.0版本已经包括了样式表的内容。样式表正在逐渐改变设计、制作网页的方法，

4、为网页创新奠定了基础。样式表的宗旨就是将结构和格式分离。样式表将定义结构和定义格式的两部分相互分离，从而使网页设计人员能够对网页的布局施加更多的控制。HTML仍可以保持简单明了的初衷，而样式表代码独立出来后则从另一角度控制网页外观。利用样式表，可以将站点上所有的网页都指向某个CSS文件，用户只需要修改CSS文件中的某一行，那么整个站点都会随之发生改变。这样，通过样式表就可以将许多网页的风格格式同时更新，不用再一页一页地更新了。上一页下一页目录结束本节样式表的基本结构是怎样的？下面通过一个简单的样式表实例，让你获得对样式表整体性的感性认识。首先建立一个简

5、单的HTML文件。10.2样式表的基本结构上一页下一页目录结束本节例10-1：建立一个简单的样式表，效果如图10.1所示。文件ex10-01.html的源代码