网页设计与制作第9章页面布局与风格.ppt

其值可以是一组字体名，每个字体名称之间用逗号格开。浏览器通过font-family属性确定要使用字体的列表及优先级。例如： BODY {font-family:gill,Helvetica,sans-serif } 为BODY标记符（即正文内容）指定字体样式。 该属性用来指定显示的字形。其值包括normal、italic、obligle等3种。默认值为normal表示使用普通字形，italic和obligle表示为斜体。例如： H4{font-style:italic} font-family属性 font-style 属性 该属性用于定义文字的粗细，其值可以是normal、bold、bolder、lighter、100、200、300、400、500、600、700、800、900中的1个。其中normal表示正常粗细（相当于400），bold表示粗体（相当于700），bolder表示比前面的更粗、lighter表示比前面的更细。 font-weight属性 样式表CSS-用CSS设置字体属性 页面风格 9.2 该属性用于控制字体的大小，取值分为4种类型：绝对大小、 相对大小、长度值、百分数。默认值为medium font-size 属性 绝对大小的取值有xx-small、x-small、small、medium、large、x-large和xx-large，分别表示越来越大的字体 相对大小的取值有smaller和larger，分别表示比上一级字体小一号和大一号 百分比表示与当前默认字体的百分比 CSS中的长度单位有：cm（厘米）、em（M字母的宽度）、ex（X字母的高度）、in（英寸）、mm（毫米）、pc（1pc为12点）、pt（点，1点为1/72英寸）、px（像素） font属性可一次性设置各种属性，各属性值之间以空格分隔，例如下列样式同时定义了字形、字体大小和字体：{ font:italic 200% serif } 需要注意的是，属性值的指定次序必须是font-weight、font-style、font-size、font-family font 属性 样式表CSS-用CSS设置字体属性 页面风格 9.2 用于块级元素（如：P、H1）等，以定义第一行文本可以接受的缩进数量。如有 ！--.a1{text-indent：10%}-- 则可通过P class=“a1”或TD class=“a1”来实现段落或者表格单元格首行文字的缩进。 如果在BODY中使用，如BODY class=a1，则将使所有的段落都采用a1定义的缩进格式，而不必在每一个段落标记符中使用class=a1 text-indent 属性 样式表CSS-用CSS设置文本属性 页面风格 9.2 Page ? * 本作品采用知识共享署名-非商业性使用 2.5 中国大陆许可协议进行许可。 专业交流 模板超市 设计服务 本作品的提供是以适用知识共享组织的公共许可（ 简称“CCPL” 或 “许可”） 条款为前提的。本作品受著作权法以及其他相关法律的保护。对本作品的使用不得超越本许可授权的范围。 如您行使本许可授予的使用本作品的权利，就表明您接受并同意遵守本许可的条款。在您接受这些条款和规定的前提下，许可人授予您本许可所包括的权利。 查看全部… NordriDesign?中国专业PowerPoint媒体设计与开发 页面风格 第9章 页面布局与风格 页面布局定位 本章要点和概念 页面布局定位 9.1 网页布局定位，就是指将各种网页元素按需要放在合适的位置。目前，比较常用的网页布局定位技术有： CSS+DIV布局：是目前流行的网页版面布局方式，与表格方式相比，由于节约了许多代码，从而降低了网络数据量。 表格布局：利用表格既可以处理不同对象，又可以不用担心不同对象之间的影响，而且表格在定位图片和文本上比CSS更加方便。但是过多地使用表格，会影响页面的下载速度。 框架布局：虽然框架存在兼容性的问题，但从布局上考虑，框架结构是一种比较好的布局方法，可以将不同对象放置到不同页面加以处理。 页面布局定位 在Dreamweaver中主要采用以下布局定位技术： AP元素 表格 框架 9.1 页面布局定位 AP元素 9.1 AP元素的使用给网页带来从平面向多层平面的发展，丰富了网页的层次感。Dreamweaver中的AP元素相当于一个容器，它可以包含所有在HTML文件中出现的元素。 AP元素可以放置在页面的任何位置，利用AP元素可以方便而又精确地定位页面元素。 利用AP元素可以实现页面元素的重叠，AP元素还与Dreamweaver的许多高级特性紧密相关，如使用行为可以对AP元素进