CSS基础详解-2+文本和段落设置

《CSS基础详解-2+文本和段落设置》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第三章CSS第2节文本和段落的设置需求软件学院要举办程序设计大赛，需将内容以网页的形式展示出来，要求如下：1.标题居中，使用华文行楷字体，如果浏览器不支持该字体，则使用微软雅黑字体。2.正文普通字体使用楷体，字号22px，1.5倍行距，字符间距5px，段落对齐方式为两端对齐，段落需要缩进2个字符。3.正文中的小标题使用微软雅黑字体，大小为28px，加粗，加下滑线，倾斜4.落款使用宋体，字号20px，居右对齐5.页面左右两侧各留白100px，上下留白20px本节内容字体的设置文字间距的设置文字的修饰文本的对齐方式段落缩进字体：font-fa

2、mily基本语法：font-family:字体1，字体2，字体3，……例：h2{font-family:黑体,楷体;}可以一次定义多个字体，浏览器按照定义的先后顺序选用字体。如果定义的所有字体都找不到，则选用计算机系统的默认字体。英文字体如果单词之间有空格，则必须用引号（单引号或双引号）引起来。如：font-family:“CourierNew”。设置字体动手做：在3-1-1notice.html中为标题h1设置字体为华文行楷，若客户的浏览器里没有该字体则使用微软雅黑字体。设置字号:font-size基本语法：font-size:尺寸

3、

4、关键字

5、百分比例：p{font-size:24px;}尺寸最常用的单位是px（像素）。此外还可以用cm（厘米）、mm（毫米）、in（英寸）、pt（点）等。如果没有写单位，浏览器会默认以px（像素）为单位。相对尺寸是指尺寸大小继承于该元素属性的前一个属性单位值。如em设置字号:font-size基本语法：font-size:尺寸

6、关键字

7、百分比绝对尺寸的关键字有七个，分别为xx-small（极小）、x-small（较小）、small（小）、medium（标准大小）、large（大）、x-large（较大）、xx-large（极大）。相对尺寸

8、则仅有两个关键字，分别为larger（较大）和smaller（较小）。百分比是基于父元素中字体的大小为参考值的。设置字号动手做：将3-1-1notice.html的“参赛对象”和“奖品设置”的字号设为28px；正文字体为24px字体的倾斜：font-style基本语法：font-style:normal

9、italic

10、oblique•normal正常显示font-style•italic斜体显示•oblique歪斜体显示（比斜体的倾斜角更大）字体的加粗：font-weight基本语法：font-weight:normal

11、bold

12、bolde

13、r

14、lighter

15、number•bold粗体（粗细约为数字700）•bolder加粗font-weight•lighter细体（比正常字体更细）•number数字一般是整百(100~900)，数字越大字体越粗设置文字的倾斜和加粗动手做：将3-1-1notice.html的“参赛对象”和“奖品设置”设为斜体、并加粗本节内容字体的设置文字间距的设置文字的修饰文本的对齐方式段落缩进字符间距：letter-spacing基本语法：letter-spacing:normal

16、长度normal表示间距正常显示，是默认设置。长度值可以使用

17、负数。长度单位可以使用“设置字体”时介绍的所有单位。单词间距：word-spacing基本语法：word-spacing:normal

18、长度normal表示间距正常，是默认设置。长度值可以使用负数。长度单位可以使用“设置字体”时介绍的所有单位。示例代码设置字符间距动手做：将3-1-1notice.html的所有文字的字符间距都设为5px行高基本语法：line-height:normal

19、数字

20、长度

21、百分比normal为浏览器默认的行高，一般由字体大小属性来决定数字：表示行高为该元素字体大小与该数字相乘的结果。长度：表示行高由

22、长度值和长度单位确定。百分比：表示行高是该元素字体大小的百分比。示例代码设置字符间距动手做：将3-1-1notice.html的行高设为1.5倍font综合设置font:font-style

23、

24、font-weight

25、

26、font-size

27、

28、line-height

29、

30、font-family例：设置段落的字体样式为：24px，加粗，字体为楷体，微软雅黑，1.5倍行高p{font:bold24px/1.5楷体，微软雅黑;}注意：按顺序书写本节内容字体的设置文字间距的设置文字的修饰文本的对齐方式段落缩进文字的修饰：text-decor

31、ation基本语法：Text-decoration:underline

32、overline

33、line-th