第11章 css的属性

《第11章 css的属性》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第11章CSS的属性11.1设置字体样式11.2控制图文布局11.3颜色及背景11.4美化网页与超链接的设置11.5CSS定位上一页下一页目录结束本节11.1设置字体样式11.1.1字体属性font-family11.1.2字体风格font-style11.1.3字体变形font-variant11.1.4字体加粗font-weight11.1.5字号的控制font-size11.1.6文字的更改text-transform11.1.7文字修饰text-decoration11.1.8字体属性font上一页

2、下一页目录结束本节11.2.1设置字间距及字母间距11.2.2设置行距11.2.3文字对齐11.2.4首行缩进属性11.2控制图文布局上一页下一页目录结束本节11.3.1颜色属性11.3.2背景颜色属性11.3.3背景图像属性11.3.4背景图片重复属性11.3.5固定背景图片属性11.3.6背景图片的位置属性11.3.7背景11.3颜色及背景上一页下一页目录结束本节11.4.1网页链接属性anchor11.4.2设置滚动条属性scrollbar11.4.3光标属性的设置cursor11.4.4边框的设置1

3、1.4美化网页与超链接的设置上一页下一页目录结束本节11.5.1CSS定位属性11.5.2CSS定位方法11.5CSS定位上一页下一页目录结束本节11.1.1字体属性font-family在网页编写的过程中，若没有对字体做任何设置时，浏览器将以默认值的方式显示。除了可利用HTML的标签设置字体外，还可以利用CSS的font-family属性，设置要使用的字体。语法：font-family:<字体1>,<字体2>...,<字体n>上一页下一页目录结束本节说明：⑴浏览器将在字体列表中寻找字体1，如果访问者的计算

4、机中安装了这种字体，就使用它；如果没有安装，则移向字体2，如果这种字体也没有安装，则移向第3种字体，以此类推。若浏览器完全找不到指定的字体时，则使用默认字体。因此，应该将一种常见的字体列在字体列表的最后。⑵在对英文字体进行设置时，如果两个英文单词之间有空格时必须使用单引号（'）或双引号（"）。h1,h2{font-family:"ArialBlack",sans-serif}p{font-family:"PalatinoLinotype","Palatino",serif}上一页下一页目录结束本节在HTML

5、里,可以使用标签,将网页文字设置为斜体。而在CSS里，则可利用font-style属性，达到字体风格的变化。语法：font-style:normal

6、italic

7、obliquefont-style参数值说明11.1.2字体风格font-style参数值说明normal正常显示，初始值为normal。italic斜体显示,对于没有斜体变量的特殊字体，将应用obliqueoblique倾斜显示上一页下一页目录结束本节11.1.3字体变形font-variant语法：font-variant:normal

8、

9、small-capsfont-variant参数值说明参数值说明normal正常显示，初始值为normal。small-caps小型大写字母,即小写的英文字体将转换为大写且字体较小的英文字上一页下一页目录结束本节11.1.4字体加粗font-weight在HTML里，可以利用标签，将文字设置为粗体。在CSS内，则可利用font-weight属性，设置字体的粗细。语法：font-weight:normal

10、bold

11、bolder

12、lighter

13、100

14、200

15、300

16、400

17、500

18、600

19、700

20、

21、800

22、900font-weight参数值说明参数值说明normal浏览器默认的字体为7，字体粗细约为400。bold粗体，字体粗细约为700。bolder粗体再加粗，字体粗细约为900。lighter比默认字体还细。100-900数字越小字体越细、数字越大字体越粗上一页下一页目录结束本节利用HTML的标签只能设定7种字号，而在CSS中可以使用font-size属性对文字的字号进行随心所欲的设置。语法：font-size:<绝对尺度>

23、<关键字>

24、<相对尺度>

25、<比例尺度>说明：⑴绝

26、对尺寸可以使用的单位有：ex（x-height）、in（英寸）、cm（厘米）、mm（毫米）、pt（点）和px（像素）。11.1.5字号的控制font-size上一页下一页目录结束本节⑵如果不喜欢使用绝对尺寸，还可以用关键字来说明文字大小，共有7种关键字，相对应于HTML标签中所用的数字参数。这7种关键字如下：•xx-small•x-small•small•medium•large•x-larg