网页设计课件ch11CSS属性072.ppt

第11章 CSS的属性 ;11.1 设置字体样式 ;11.1.1 字体属性font-family; 说明： 浏览器将在字体列表中依次寻找有效字体。若浏览器完全找不到指定的字体时，则使用默认字体。 应该将一种常见的字体列在字体列表的最后。 在对英文字体进行设置时，如果两个英文单词之间有空格时必须使用单引号（）或双引号（）。;利用font-style属性，达到字体风格的变化。 语法： font-style:normal|italic|oblique 对比：I标签 font-style参数值说明;11.1.3 字体变形font-variant;11.1.4 字体加粗font-weight;参数值; 利用HTML的标签font size=x只能设定7种字号，在CSS中可以使用font-size属性对文字的字号进行随心所欲的设置。 语法： font-size:绝对尺度|关键字|　　　　相对尺度|比例尺度;⑴ 绝对尺寸可以使用的单位有： 　　in（英寸）、cm（厘米）、mm（毫米）、pt（磅）和px（像素）。; ⑵ 用关键字来说明文字大小，共有7种关键字，相对应于HTML标签font size中所用的数字参数。这7种关键字如下： ? xx-small ? x-small ? small ? medium ? large ? x-large ? xx-large 利用这些参数，浏览器可以自由决定每一种关键字所适合的尺寸（在不同浏览器中它的大小是有区别的）。;⑶ 相对尺寸 相对尺寸只有两种larger和smaller。 smaller参数告诉浏览器将当前文字在关键字规格基础上“缩小一级”。而larger参数的作用与smaller相反。;⑷ 比例尺寸 还可以使用比例参数来设定文字大小，例如： p{font-size:15pt} b{font-size:300%} 这些规则的含义为：使所有包含在p中的被b标识的文字的尺寸为p尺寸设定值的3倍，即45pt。比例参数常用于从母体对象继承参数值。; 注意： 1．在CSS中设置文字尺寸的单位很多，但有些浏览器对有些尺寸单位是不支持的 2．Px(像素）单位所有的操作平台都支持它，但因为访问者的屏幕分辨率的不同，网页的显示将可能不稳定，字体可能大也可能小。 3．Pt(磅)是确定文字尺寸最好的单位，因为它在所有的浏览器和操作平台上都适用。 4．关键字这种尺寸单位在不同浏览器中它的大小是有区别的。 5．低版本的浏览器不支持相对尺寸这种单位。;text-transform属性可以控制字母的大小写。 语法： text-transform:uppercase|lowercase|　 capitalize|none text-transform参数值说明如下;参数值; 语法： text-decoration:underline|overline|　　　　line-throungh|none text-decoration参数值说明; 其中none参数也非常有用，它可以使链接的文字不以下划线的形式显示。 如，取消超级链接时带下划线的形式。 A:link{text-decoration:none} A:active{text-decoration:none} A:visited{text-decoration:none}; font属性，可以同时设置许多跟文字有关的属性。例如：字体、字体效果、字号、字体粗细等。 语法： font:font-family||font-style||　　　font-variant||font-weight||font-size;说明： 可以同时设置多种属性。 属性与属性之间必须利用空隔隔开。 实例： p{font:bold 12pt/14pt 隶书,宋体} 指定该段为bold（粗体）和隶书或宋体，12点大小，行高为14点。; 11.2 控制图文布局;11.2.1 设置字间距及字母间距;11.2.2 设置行距line-height; 实例： ⑴ 用数字设定行距 b{font-size=12pt;line-height:2} 表示将利用字号来确定行距，将字号乘以设定的参数值，即12X2=24，所以在本例中行高将是24点。 ⑵ 用长度单位设定行距 b{line-height:11pt} ⑶ 用比例设定行距 b