- 1、本文档共15页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 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
您可能关注的文档
最近下载
- 【课件】神来之笔(幻想与偶然)课件高中美术人教版(2019)选择性必修1绘画.pptx VIP
- 2025华医网继续教育血液净化治疗与护理新进展题库答案.docx VIP
- 普通高中信息技术选修模块4人工智能初步 《人人都是艺术家——人工智能的简单应用》说课课件.pptx
- 三菱PLC编程手册.doc
- 江苏省建湖县建阳中学2024-2025学年八年级上学期第一次月考语文试题(解析版).docx VIP
- HP维修手册760-785 E77650E77660维修手册-英文版.pdf
- 12J8 楼梯标准图集.pdf
- 影响小米之家消费者体验及购买行为的因素分析-消费者行为心理学论文-管理学论文.docx
- 第2课 神来之笔(幻想与偶然)课件-2023-2024学年高中美术人教版(2019)选择性必修1《绘画》.pptx VIP
- 二年级语文上册-第八单元-集体备课+教材分析.pptx VIP
文档评论(0)