CSS基语法91.pptVIP

第4章 CSS;4.1 CSS简介;CSS有两个推荐标准：CSS1和CSS2。CSS1于1996年12月通过，CSS2则于1998年5月通过。CSS2是在CSS1的基础上制定的，基本上涵盖了CSS1，并在CSS1的基础上增加了媒体类型、特性选择符、声音样式等功能，并对CSS1原有的一些功能进行了扩充。 本课程使用css1。 CSS文档中大小写不敏感;例子student.xml： ?xml version=1.0 encoding=gb2312 ? ?xml-stylesheet type=text/css href=student.css? !-- 文件名：student.xml -- StudentList 学生花名册 student name李华/name origin河北/origin age15/age telephontelephone /student student name张三/name origin北京/origin age14/age telephontelephone /student /StudentList;例子student.css：大小写不敏感 /*文件名:student.css*/ StudentList,student{ font-size:15pt; font-weight:bold; color:blue; display:block; margin-bottom:5pt; } origin,age,telephone{ font-weight:bold; font-size:12pt; display:block; color:block; margin-left:20pt; } name{ font-weight:bold; font-size:14pt; display:block; color:red; margin-top:5pt; margin-left:8pt; };显示效果;CSS基本语法：注意冒号和分号 选择符{属性名1: 属性值1; 属性名2: 属性值2; …} 选择符：元素标记名 元素标记名：如果有多个标记，用逗号分开 Class选择符，ID选择符或上下文选择符。 {}规则表：一个或多个属性和属性值组成，由分号隔开，每个样式定义格式为 属性名: 属性值 CSS注解：格式为：/*字符串*／;大小写问题：CSS文档中大小写不敏感，但是XML大小写敏感，因此XML为了使用CSS，各元素的标记名要完全不同，而不仅仅是大小写不同 ;属性解释： font-family属性：字体名，比如宋体等 font-size属性：字体大小，取值用数字即可 Color属性： 前景色，可以用6位16进制数字，表示rgb三分量。也可以用red，yellow等。 background-color属性：背景色。;Class选择符：一个class选择符是一个任意字符串，为它定义一个样式，用于任何引用此名字的标记。 定义语法格式1： *.class选择符名{属性名1：属性值1; 属性名2：属性值2;…} *一般省略，表示适用于所有标记。 定义语法格式2： 标记名.class选择符名{属性名1：属性值1; 属性名2：属性值2;…} 该格式只用于指定的标记。;引用语法： Xxx class=class选择符名 … Xxx表示标记，对于定义格式2，Xxx只能是定义时指定的标记。 定义例子1： .x1{color:red;font-familt:黑体} x1是class选择符，它定义了样式红色黑体 引用例子1：student class=x1表示该student使用x1样式。x1可以用于其他任何标记。;定义例子2： origin.x2{color:blue;font-familt:黑体} x2是class选择符，它定义了样式蓝色黑体 引用例子2：origin class=x2表示该origin使用x2样式。x2不能用于除了origin外的其它标记。 Class选择符特点：样式定义对任何允许引用的标记生效，如果不引用则不使用，增加了灵活性。;例子student.xml： Class选择符 ?xml version=1.0 encoding=gb2312 ? ?xml-stylesheet type=text/css href=student.css? !-- 文件名：student.xml -- StudentList 学生花名册 student c