1. 1、本文档共15页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
CSS的应用

任课教师:梁琰 授课时间:2011.12 章名称:CSS 节名称: CSS的应用 教学目的: 了解掌握CSS的属性,并学会灵活运用这些属性设计网页。 教学重点: CSS的各种属性的使用。 教学难点: 知识点琐碎。 教学内容: 设置字体样式 字体属性font-fanmily 若没有对字体设置,浏览器以默认方式显示,由浏览器决定。除了可利用HTML标签设置字体外,还可以利用CSS的font-family属性,设置要使用的字体。 格式: font-family: 字体1 , 字体2…字体n 适用于: 所有对象 说明: ·浏览器将从字体1开始按排列的优先顺序在系统中寻找所安装的字体,找到就显示字体。若都找不到就使用默认字体。所以应该将一种常见的字体排在列表最后。 ·对英文字体设置时,如果两个英文单词之间有空格,则必须使用单引号“’”或双引号“””.如:P { font-family: New Century Schoolbook, Times, serif } 例7.9 显示结果 1.2 字体风格font-style语法: font-style: 值 允许值: normal | italic | oblique 初始值: normal 适用于: 所有对象 字体风格属性以三个方法的其中一个来定义显示的字体: normal (普通),italic (斜体) 或oblique (倾斜)。样式表的字体风格声明例子如下: H1 { font-style: oblique } P { font-style: normal } 1.3 字体变形语法: font-variant: 值 允许值: normal | small-caps 初始值: normal 适用于: 所有对象 字体变形属性决定了字体的显示是normal (普通) 还是small-caps (小型大写字母)。当文字中所有字母都是大写的时候,小型大写字母(值)会显示比小写字母稍大的大写字符。稍后版本的CSS将会支持附加的变形,如收缩、扩张、小写数码或其它自定义的变形。字体变形的定义例子如下: SPAN { font-variant: small-caps } 1.4 字体加粗语法: font-weight: 值 允许值: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 初始值: normal 适用于: 所有对象 字体加粗属性用作说明字体的加粗。当其它值绝对时,bolder值将相对一些字体加粗的定义例子如下: H1 { font-weight: 800 } P { font-weight: normal } 1.5 字体大小语法: font-size: 绝对 | 相对 | 关键字 | 比例尺寸 允许值: 绝对大小 例7.13 显示结果 ·关键字 xx-small | x-small | small | medium | large | x-large | xx-large ☆利用这些参数,浏览器可以自由决定每一种关键字所适合的尺寸,浏览器不同会有所区别。 ·相对大小 larger | smaller 例7.14 显示结果 ·百分比?:300%} 含义?:所有包含在p中的被b标识的文字的尺寸为p尺寸设定值的3倍,即45pt. 比例参数常用于从母体对象继承参数值. 适用于: 所有对象 字体大小属性用作修改字体显示的大小。绝对长度(使用的单位为pt-像素和in-英寸) 需要谨慎地考虑到其适应不同浏览环境时的弱点。对于一个用户来说,绝对长度的字体很有可能会很大,或很小。 :text-tramsform:uppercase|lowercase|capitalize|none 语法中各参数值的意义说明如下: Uppercase:所有字母大写显示 Lowercase:所有字母小写显示 Capitalize:词首字母大写 None:字母以正常形式显示。是默认值。 适用于: 所有元素例7.15 显示结果 1.7 文字修饰text-decoration 格式:text-decoration:underline|overline|line-throungh|blink|none 语法中各参数值的意义说明如下: Underline:给文字加下划线 Overline: 给文字加上划线 Line-through: 给文字加删除线 Blink:文字在闪烁(目前浏览器不支持) None:上述效果都不出现 例7.1

文档评论(0)

xy88118 + 关注
实名认证
内容提供者

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

1亿VIP精品文档

相关文档