《网页前端技术-电子教案-王敏杰 模块二任务二.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、CSS任务二用CSS实现页面风格的统一案例分解案例资讯用CSS美化字体用CSS实现页面的精细排版用CSS设置对象的边框用CSS设置页面的颜色和背景字体排版边框背景教学重点：CSS的字体设置CSS的外观设置CSS的边框的设置CSS的背景的设置教学难点：CSS的外观设置CSS的边框的设置案例资讯案例一用CSS美化字体我们在浏览网页的时候会看到许多字体，这里我们就学习把这些字体美化。在学习美化字体之前，我们先来学习CSS中的字体。一、字体字体的属性如下：font-family：用一个指定的字体名或一个类的字体族科font-size：字体显示的

2、大小font-style：设定字体风格font-weight：以bold为值可以使字体加粗in（英寸）、cm（厘米）、mm（毫米）、pt（点数）、pc（打字机字间距）、em（ems）ex(x-height)、px（象素）二、字号字号就是字体的大小单位可以是厘米、像素、磅等，另外还有其他一些值，例如：xx-small、x-small、smaller、x-large、xx-large等。最常用的单位为pt。三、字体样式字体样式，也就是字体的风格，属性如下：normal：italic：oblique：普通的文字斜体的文字倾斜的文字，在中文文字

3、的使用上与italic并无明显区别四、字体重量字体的重量，即字体的粗细，字体的加粗属性值在100～900之间。其它的属性值：normal:bold:bolder:Lighter:普通的文字；加粗；特粗；加细。五、字体大小写字体的大小写一般是指字符。text-transform，文本转换属性，它的值有none、capitalize、uppercase、lowercase和inheritnone：capitalize：uppercase：lowercase：缺省值，不作任何大小写转换；将每个单词的首字变成大写；将每个字符变成大写；将每个字符

4、变成小写。H1{//h1规定字体为隶书font-family:"华文新魏";font-size:20pt;font-style:italic;font-weight:900;text-transform:capitalize;}.text{//规定字体为宋体或仿宋体，即当客户机没有第一种宋体字体的时候，浏览器会使用第二种仿宋体字体来显示美化字体打开记事本以后，我们可以在里面输入代码:案例步骤font-family:"黑体,仿宋

5、_gb2312";font-size:15pt;font-style:oblique;font-weight:bolder;text-indent:50px;}

主流的网页设计软件