《网页设计课件ch10CSS的基础知识.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第10章CSS的基础知识10.1什么是样式表10.2样式表的基本结构10.3如何在网页中加入css10.4div与span标签10.5CSS的几个特性第10章CSS的基础知识CSS是CascadingStyleSheet的缩写。译作「层叠样式表单」。是用于控制网页元素的显示方式样式表的宗旨就是将结构(内容)和格式分离CSS也是一种标记语言，有很多属性来源于HTML，它也需要通过浏览器解释执行。10.1什么是样式表10.2样式表的基本结构一个样式表由许多样式规则组成的，用以告诉浏览器怎样去显示一个网页文档。样式表的核心是规则，其格式如下：Selector{property1:v

2、alue1;property2:value2;property3:value3;……}Selector定义样式作用的对象property为CSS属性，value为属性对应的值样式定义的语法示例H1{text-align:center;font-family:黑体}选择器样式定义样式属性属性取值常用Selector类型HTML标记符用户定义的类用户定义的ID虚类HTML标记符的SelectorHTML标记符是最常用的selector，它重新定义了HTML标记符的显示效果。例如：H1{text-align:center;color:red}使所有用H1标记符修饰的内容都居中和用红

3、色显示。示例如下例10-1：建立一个简单的样式表

4、义类定义方式classname{property:value…}表示任何带有class属性为classname的标记符都采用所定义的样式。定义方式*.classname{样式属性:属性值;样式属性:属性值;......}所有HTML标签都可引用它*符号可以省略HTML标签.classname{样式属性:属性值;样式属性:属性值;......}只有该指定的标签才能引用它10举例如下.pp{color:lime;font-family:黑体}p.pt{color:blue;font-family:仿宋}这些类可以使用class属性在HTML中引用：这是我们

5、定义的PP类这是我们定义的PP