资源描述:
《用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