动态网页设计案例教程作者郭建东教程及教案chap02课案.pptVIP

第2章 CSS样式与母版页 学习要点 掌握简单CSS样式设计 掌握母版页的创建、应用及在母版页中使用样式 掌握主题的应用 使用CSS布局页面 使用CSS布局网页是Web标准的基础，使用CSS，可对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。使用CSS＋Div布局页面主要优点如下： 结构清晰，容易被搜索引擎搜索到。 缩短改版时间，只要修改CSS文件就可以重新设计页面。 表现与内容相分离，将设计部分分离出来放在一个独立的样式文件中。 可方便将网页的风格格式同时更新。 CSS概述 CSS是Cascading Style Sheets的简称，通过CSS可将所有有关文档的样式指定内容全部脱离出来，通过外部样式文件供HTML调用。CSS样式表的主要目的是将网页上的元素进行精确定位，把网页上的内容结构和格式控制相分离。 把一个网页页面当作是一个盒子，用CSS来定义盒子的位置、大小、边框、内外边距、内容排列方式等。CSS方框模型参考如图2-1所示。 CSS盒子模型示例 ASP.NET中应用CSS样式 建立CSS样式文件 添加样式规则 设置样式属性 样式引用 CSS样式属性 ASP.NET中的CSS样式属性设置包括对字体、块、背景、边框、方框、定位、布局、列表、表格共9大类进行设置 。 字体属性 块属性 背景属性 边框属性 方框属性 定位属性 布局属性 列