060901商务网站页面设计技术(2pian_2).docVIP

060901商务网站页面设计技术(2pian_2).doc

  1. 1、本文档共10页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
本章内容提要这一章 本章内容提要 这一章共分为7节,主要对CSS样式表中常用的基本属性进行介绍,具体内容包括: 字体属性、前景色与背景属性 文本属性、容器属性 列表样式属性、定位与显示属性 鼠标光标形状属性 10.1 字体属性 一、属性功能 该属性用来描述文档中各种字体的属性及其取值,如字体族(FONT-FAMILY)、字体大小(FONT-SIZE)、字体样式(FONT-STYLE)等。 二、语法格式 字体属性的语法格式为:字体属性名称:字体属性值(或属性值列表)。 三、字体主要属性 字体的主要属性及其取值如表10.1所示。 表10.1 字体的主要属性定义 属性名称 属性值 属性说明(或功能) font-family(字体族) [字体名|字体族名],...[字体名|字体族名] 1、字体族名有五种,Serif(衬线字体)、 Sans-Serif(无衬线字体)、 Cursive(草书) 、Fantasy.(幻想)、 Monospace(等宽字体)。 2、字体族属性值中定义了一系列字体(族)名,浏览器按顺序读取这些字体,并使用其中第一个可以使用的。 font-size(字体大小) 绝对大小、相对大小、数值、百分比大小。 1、字体大小值有四种:绝对大小(small、medium、large等,每个属性值的具体大小由浏览器决定),相对大小(smaller、larger,分别表示在原有大小的基础上“缩小”或“增大”一级),数值(常用单位有:英寸in、毫米mm、派卡pc、点pt、像素px小写x的高度ex、大写M的高度em等),百分比大小 2、该属性适用范围为所有标记,默认值为medium。 font-style(字体样式) normal、italic、 oblique 1、字体样式值有三种:普通(normal),斜体(italic),倾斜(oblique)。 2、该属性适用范围为所有标记,默认值为normal。 font-weight(字体粗细) Normal、 bold 、bolder 、lighter、数值 1、字体粗细值有五种:普通(normal,即不加粗),加粗(bold),较粗(bolder),lighter,数值(100-900,普通为400,900为最粗)。 2、该属性适用范围为所有标记,默认值为normal。 font-variant(字体变形) Normal、small-caps 1、字体变形值有二种:普通(normal),小型大写字母(small-caps),即当文字中字母是大写的时候,该值会显示比小写字母稍大的大写字母。 2、该属性适用范围为所有标记,默认值为normal,目前未得到广泛支持 font字体) 字体属性值列表 1、字体(font)采用字体属性值列表的方式,对字体的多个属性值进行一次设置。 2、字体属性值列表按顺序依次是:样式、变形、粗细、大小、行高(参见10.3节)、字体名、字体族。如果某个属性值为空,则以默认值代替,但字体大小和字体族不能够为空 四、属性代码示例 (一)字体族(FONT-FAMILY)举例: 1、功能:本例的功能是定义P标记的字体族样式。 2、具体代码如下: p{font-family:New Century Schoolbook,Times,Serif} 3、说明:New Century Schoolbook,Times为字体族Serif(衬线字体)中的两种字体名,如果浏览器中无前两种字体名,则会使用字体族Serif(衬线字体)中的其它字体。 注意 注意 任何包含空格的字体名都必须用单引号或双引号定界。 (二)字体大小(FONT-SIZE)举例: 1、功能:本例的功能是定义标记的字体大小样式。 2、具体代码如下: 绝对大小:h1{font-size:large}, 相对大小:strong{font-size:larger} 数值大小:p{font-size:10pt}, 百分比大小:h2{font-size:80%}, (三)字体样式(FONT-STYLE)举例: 1、功能:本例的功能是定义标记的字体样式。 2、具体代码如下: h2{font-style:oblique},p{font-style:normal},h1{font-style:italic} (四)字体粗细(FONT-WEIGHT)举例: 1、功能:本例的功能是定义标记的字体粗细样式。 2、具体代码如下: ? h2{font-weight:800},p{font-weight:normal},h1{font-weight:bold} (五)字体(FONT)举例: 1、功能:本例的功能是定义P标记的字体样式。 2、具体代码如下: ? p{font:italic bold 12pt/14pt Times,Serif}

文档评论(0)

zilubuyue + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档