《ASP.NET Web程序设计 教学课件 作者 祁长兴chapter03.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、ASP.NETWeb程序设计3样式第章本章内容3.1CSS技术3.2页面布局3.3案例：使用样式表美化页面3.4习题3.1CSS技术CSS中文译为级联样式表，它是对Web页面显示效果进行控制的一套标准。样式就是页面显示的文字、图片等元素的格式、风格。级联样式也就是指当页面同一元素在显示时受到多种样式控制时，将按照一定的层次顺序处理。3.1.1CSS的概念3.1.2CSS常用的引用方式3.1.3样式表的嵌套使用3.1.4CSS属性3.1.5滤镜级联样式表（CascadingStyleSheet）简称“CSS”，通常又称为“风格样式表（

2、StyleSheet）”，它是用来进行网页风格设计的一种用来表现HTML或XML等文件式样的计算机语言。CSS目前最新版本为CSS3，能够真正做到网页表现与内容分离。CSS扩充了HTML标记的属性设定，使得页面显示效果更加丰富，表现效果更加灵活，更具有动态性。3.1.1CSS的概念CSS的优势表现在两个方面：1）简化了网页的格式代码，同时外部的样式表还会被浏览器保存在缓存里，加快了下载显示的速度，也减少了需要上传的代码数量。2）只要修改保存了网站格式的CSS样式表文件就可以改变整个站点的风格特色，在修改页面数量庞大的站点时，显得格外

3、有用。3.1.1CSS的概念CSS定义的基本语法格式为：3.1.1CSS的概念选择符{规则列表}选择符是指要使用该样式的对象，可以是一个或多个HTML标记、ClASS选择符或ID选择符，如果为多个则使用逗号“,”进行分隔。规则列表是由一个或多个属性定义语句组成的样式规则，各语句间使用分号“;”进行分隔。属性定义语句的语法格式为：“属性名：属性值”。3.1.2CSS常用的引用方式把样式运用到页面中有四种方式，分别为：1.内联样式2.嵌入式样式表3.链入外部样式表文件4.联合使用样式表（@import导入函数）。3.1.2CSS常用的引

4、用方式1.内联样式：是在对象的标记内直接使用style属性定义样式，是最简单的样式调用方法，可以灵巧地把样式应用到各标签对象中。<标记名style=“样式属性名1：属性值1；样式属性名2：属性值2；……">显示为红色12像素的字体

显示为蓝色12像素的字体

3.1.2CSS常用的引用方式例3-1内联样式表的使用

5、000">这段文字将显示为红色