AS P.NET网页设计与网站开发课件作者马骏党兰学杜莹第3章节样式控制与页面布局.pptVIP

第3章 样式控制与页面布局 第3章 样式控制与页面布局 3.1 样式与样式生成器 3.2 网页布局与页面元素定位 3.3 CSS样式控制 3.4 页面布局 3.5 样式控制与布局综合举例 3.1 样式与样式生成器 XHTML 每一个标记都是一个元素 样式 指元素在浏览器中呈现的形式。在XHTML中，使用style设置元素的样式，每个style内包含一个或多个属性，其一般形式为： style=属性名1:属性值1; 属性名2:属性值2; …… 属性名与属性值之间用冒号“:”分隔，如果一个样式中有多个属性，各属性之间用分号“;”隔开。 3.1.1 在源视图下设置样式 【例3-1】使用style设置样式。 3.1.2 利用样式生成器设置样式 样式生成器 可以帮助设计者快速设置元素的样式，在“设计”视图下，选择某个元素，然后用鼠标右键单击该元素，在快捷菜单中选择“样式”命令，即可弹出如下图所示的“样式生成器”对话框。 3.1.2 利用样式生成器设置样式 “样式生成器”对话框分为两个窗格。左窗格列出8个常规类别（字体、背景、文本、位置、布局、边缘、列表和其他）。当选择某个类别时，右窗格显示所选类别下的选项。选择了样式选项并单击“确定”按钮后，样式生成器会自动在“源”视图中生成对应的样式定义。 注意：当选择属性为“未设置”时，不会向样式中添加任何代码。可