补：主题及样式表.pptxVIP

补：主题及样式表;L1. 主题 有两种类型的主题，一种是应用程序主题，另一种是全局主题。 1．创建和应用主题的基本步骤 （1）在“解决方案资源管理器”中，右击项目名，选择“添加”→“添加ASP.NET文件夹”→“主题”菜单项，系统就会自动判断是否已经存在App_Themes文件夹，如果不存在该文件夹，就自动创建，并在该文件夹下添加一个主题文件夹；如果已经存在该文件夹，就直接在该文件夹下添加新的主题文件夹。 （2）在主题文件夹下添加外观控制文件和资源文件。 （3）打开.aspx文件，切换到“设计”视图，右击选择“属性”选项，在“属性”窗口顶部下拉列表中，选中“Document”文档对象，在列表中定位到“StyleSheetTheme”，设置其值为某个主题名称，本页面就会自动套用主题内的外观控制文件和资源文件。 ;2．给整个网站应用主题 为了快速地为整个应用程序中所有页面设置相同???主题，可以设置Web.Config文件的pages配置节内容： configuration system.web page?theme=sampleTheme?/? /system.web /configuration ;在XHTML中，每个标记都可称为一个元素。元素是构成XHTML源代码的基本单位，一般用“元素名称”开头，用“/元素名称”结束。例如，body…/body，div/div等，有些元素也可以以“元素名称 /”的形式出现，如br /。 样式是指元素在浏览器中的呈现形式，如元素的高度、宽度、是否有边框、边框颜色、边框粗细、字体大小、字体颜色、元素的背景色和背景图片、元素内数据的对齐方式等。在XHTML中可以通过style属性设置元素的样式，每个style内包含一个或多个属性，其一般形式为： 元素 style=属性名1: 属性值1; 属性名2: 属性值2; …… 属性名及属性值之间用冒号“：”分隔，如果一个样式有多个属性，各属性之间用分号“;”隔开。 ;CSS规定了3种定义样式的方式： 一是直接将样式放置在元素内，通过style属性设置，称为内联式； 二是在网页的head部分定义样式，称为嵌入式； 三是以扩展名为.css的文件保存样式定义，称为外部链接式。 内联式适用于单独控制某个元素样式的情况。这种方式的优点是设置样式直观、方便；缺点是修改某些元素的样式时，需要打开网页文件。 下边的代码采用内联式控制各个元素的样式： body style=background-color: #8888ff; text-align: center; div style=text-align: center; id=div0 img src=njnu.gif alt=图片找不到 style=width: 300px; height: 60px;/br/ div style=font-size: 40px; color: red; id=div1学生 成绩管理系统br //div /div /body ;嵌入式适合控制一个网页内具有相同样式的多个元素。采用这种方式的优点是当修改某些元素的样式时，只需要修改head部分的样式规则即可，该网页内所有使用了该样式规则的元素都会自动应用新的样式。但这种方式仅仅适用于修改某个网页内的具有相同样式的元素，如果多个网页的很多元素均采用相同的样式，仍然需要在各个网页的head部分重复定义相同的样式规则。 在head内定义样式，可以将代码修改如下： head title一个Hello网页/title style type=text/css #div0{text-align: center;} img{width: 300px; height: 60px;} #div1{font-size: 40px; color: red;} /style /head body style=background-color: #8888ff; text-align: center; div id=div0 img src=njnu.gif alt=图片找不到 id=img/br/ div id=div1学生 成绩管理系统br //div /div /body ;外部链接式适用于控制多个网页内具有相同样式的元素。这种方式将样式保存在一个或多个单独的.css文件中，当需要修改元素的样式时，只需要修改.css文件中的样式规则即可。一旦修改.css文件中的某个样式规则，凡是引用了.css内修改过的样式规则的元素，都会自动应用新的样式。 .css文件内的内容和嵌入式方式下head内的style标记内的内容相同，