用css设置文本和图像样式

用css设置文本和图像样式

ID:27743737

大小:2.26 MB

页数:53页

时间:2018-12-03

用css设置文本和图像样式_第1页
用css设置文本和图像样式_第2页
用css设置文本和图像样式_第3页
用css设置文本和图像样式_第4页
用css设置文本和图像样式_第5页
资源描述:

《用css设置文本和图像样式》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第6章 用CSS设置文本和图像样式聊城大学传媒技术学院王丽萍本章内容对文字应用样式6.1对段落应用样式6.2对列表应用样式6.3对链接应用样式6.4对图像应用样式6.5对文字应用样式6.16.1.1文字的属性属性描述可用值font-family字体值font-size字号值font-weight加粗normal,bold(粗体),bolder(特粗),lighter(细体)font-style样式normal,italic(斜体),oblique(倾斜)font-variant变形normal,small-caps(小型的大写

2、字母)line-height行高值text-transform转换none,capitalize(首字母大写),uppercase(大写),lowercase(小写)color颜色值text-decoration装饰none,blink(闪烁),underline(下划线), line-through(穿越线),overline(上划线)6.1.2设置文字属性6.1.2设置文字属性body{font-family:Arial,Helvetica,sans-serif;font-size:0.75em;font-weight:b

3、old;font-style:italic;font-variant:small-caps;line-height:1.5;text-transform:uppercase;color:#FF0000;text-decoration:underline;}6.1.3文字属性缩写font:font-style

4、font-variant

5、font-weight

6、font-size

7、line-height

8、font-family例如:body{font:italicsmall-capsbold0.75em/1.5Arial,Hel

9、vetica,sans-serif;}6.1.3文字属性缩写font:font-style

10、font-variant

11、font-weight

12、font-size

13、line-height

14、font-familybody{font:0.75em;}注意,可以省略font属性中的一个或多个属性值,如果省略,该属性值将使用浏览器的默认值。但至少要定义font-size和font-family两个值。请判断下面的写法是否正确。body{font-size:0.75em;}6.1.3文字属性缩写font:font-style

15、font-

16、variant

17、font-weight

18、font-size

19、line-height

20、font-familybody{font:“宋体”;}请判断下面的写法是否正确。body{font-family:“宋体”;}注意,可以省略font属性中的一个或多个属性值,如果省略,该属性值将使用浏览器的默认值。但至少要定义font-size和font-family两个值。6.1.3文字属性缩写font:font-style

21、font-variant

22、font-weight

23、font-size

24、line-height

25、font-famil

26、ybody{font:0.75emArial,Helvetica,sans-serif;}请判断下面的写法是否正确。注意,可以省略font属性中的一个或多个属性值,如果省略,该属性值将使用浏览器的默认值。但至少要定义font-size和font-family两个值。6.1.4字体设置技巧中文网页使用“宋体”。当字体名称中有空格,或由汉字组成时,要使用引号包围该名称。例如:font-family:“宋体”;font-family:“TimesNewRoman”,Times,serif;提供首选字体、备用字体和普通字体。例如:fo

27、nt-family:Verdana,Arial,Helvetica,sans-serif;常用的英文普通字体包括:serif、sans-serif、monospace。6.1.4字体设置技巧(续)常用的英文普通字体serif成比例、有衬线的字体,例如:GeorgiaTimesNewRomanTimessans-serif成比例、无衬线的字体,例如:VerdanaArialHelveticamonospace等宽的字体,例如:CourierNewCourier不应以像素为单位设置字号。因为如果以像素为单位设置字号,那么使用IE浏

28、览器的用户就无法通过菜单命令改变文字的大小。以一个实际站点为例:eyeglasses.com。6.1.5字号设置技巧body{font-size:12px;}6.1.5字号设置技巧(续)为了保证网页文字的大小可调节,应该使用em为单位设置字号。默认情况下1em=16px,则0

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。