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

第三章CSS 第2节 文本和段落的设置 需求 软件学院要举办程序设计大赛，需将内容 以网页的形式展示出来，要求如下： 1. 标题居中，使用华文行楷字体，如果浏览器不支持该字体 ，则使用微软雅黑字体。 2. 正文普通字体使用楷体，字号22px ，1.5倍行距，字符间距 5px ，段落对齐方式为两端对齐，段落需要缩进2个字符。 3. 正文中的小标题使用微软雅黑字体，大小为28px ，加粗， 加下滑线，倾斜 4. 落款使用宋体，字号20px ，居右对齐 5. 页面左右两侧各留白100px，上下留白20px 本节内容  字体的设置  文字间距的设置  文字的修饰  文本的对齐方式  段落缩进 字体：font-family 基本语法： font-family:字体1，字体2 ，字体3 ，…… 例：h2{font-family:黑体,楷体;} 可以一次定义多个字体，浏览器按照定义的先后顺序选用 字体。如果定义的所有字体都找不到，则选用计算机系统 的默认字体。 英文字体如果单词之间有空格，则必须用引号（单引号或 双引号）引起来。如：font-family:“Courier New”。 设置字体   动手做： 在3-1-1notice.html中为标题h1设置字体为 华文行楷，若客户的浏览器里没有该字体 则使用微软雅黑字体。 设置字号:font-size 基本语法： font-size:尺寸|关键字|百分比 例：p{ font-size:24px; } 尺寸最常用的单位是px （像素）。此外还可以用cm （厘米 ）、mm （毫米）、in （英寸）、pt （点）等。 如果没有写单位，浏览器会默认以px （像素）为单位。 相对尺寸是指尺寸大小继承于该元素属性的前一个属性单 位值。如em 设置字号:font-size 基本语法： font-size:尺寸|关键字|百分比 绝对尺寸的关键字有七个，分别为xx-small （极小）、x- small （较小）、small （小）、medium （标准大小）、 large （大）、x-large （较大）、xx-large （极大）。 相对尺寸则仅有两个关键字，分别为larger （较大）和 smaller （较小）。 百分比是基于父元素中字体的大小为参考值的。 设置字号   动手做： 将3-1-1notice.html的“参赛对象”和“奖品设 置”的字号设为28px ；正文字体为24px 字体的倾斜：font-style 基本语法： font-style:normal | italic | oblique •normal 正常显示 font-style •italic 斜体显示 •oblique 歪斜体显示（比斜体的倾斜角 更大） 字体的加粗：font-weight 基本语法： font-weight:normal | bold | bolder | lighter | number •bold 粗体（粗细约为数字700 ） •bolder 加粗 font-weight •lighter 细体（比正常字体更细） •number 数字一般是整百(100~900) ，