《HTML5+CSS3》课件——第三章 初识CSS3.pptVIP

3.4 设置文本样式 font-size属性 font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位，具体如下表所示： font-size属性 相对长度单位 说明 em 相对于当前对象内文本的字体尺寸 px 像素，最常用，推荐使用 绝对长度单位 说明 in 英寸 cm 厘米 mm 毫米 pt 点 3.4 设置文本样式 font-family属性 font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等。 font-family属性 p{ font-family:微软雅黑;} 例如将网页中所有段落文本的字体设置为微软雅黑，可以使用如下CSS样式代码： 3.4 设置文本样式 font-weight属性 font-weight属性用于定义字体的粗细，其可用属性值如下表所示： font-weight属性 值 描述 normal 默认值。定义标准的字符。 bold 定义粗体字符。 bolder 定义更粗的字符。 lighter 定义更细的字符。 100~900（100的整数倍） 定义由细到粗的字符。其中400等同于normal，700等同于bold，值越大字体越粗。 3.4 设置文本样式 font-style属性 font-style属性用于定义字体风格，如设置斜体、倾斜或正常字体，其可用属性值如下： font-style属性 normal：默认值，浏览器会显示标准的字体样式; italic：浏览器会显示斜体的字体样式; oblique：浏览器会显示倾斜的字体样式; 3.4 设置文本样式 font综合属性 font属性用于对字体样式进行综合设置，其基本语法格式如下： font属性 选择器{font: font-style font-variant font-weight font-size/line-height font-family;} 3.4 设置文本样式 @font-face属性 @font-face属性是CSS3的新增属性，用于定义服务器字体。通过@font-face属性，开发者可以在用户计算机未安装字体时，使用任何喜欢的字体。 @font-face属性 @font-face{ font-family:字体名称; src:字体路径; } 3.4 设置文本样式 3.4.2 CSS文本外观属性 text-transform text-decoration text-indent white-space color letter-spacing word-spacing line-height text-align text-shadow text-overflow word-wrap 3.4 设置文本样式 color 3.4.2 CSS文本外观属性 color属性用于定义文本的颜色，其取值方式有如下3种： 预定义的颜色值，如red，green，blue等。 十六进制，如#FF0000，#FF6600，#29D794等。实际工作中，十六进制是最常用的定义颜色的方式。 RGB代码，如红色可以表示为rgb(255,0,0)或rgb(100%,0%,0%)。 3.4 设置文本样式 3.4.2 CSS文本外观属性 letter-spacing letter-spacing属性用于定义字间距，所谓字间距就是字符与字符之间的空白。 letter-spacing属性，其属性值可为不同单位的数值，允许使用负值，默认为normal。 3.4 设置文本样式 3.4.2 CSS文本外观属性 word-spacing word-spacing属性用于定义英文单词之间的间距，对中文字符无效。 word-spacing属性用于定义英文单词之间的间距，和letter-spacing一样，其属性值可为不同单位的数值，允许使用负值，默认为normal。 3.4 设置文本样式 3.4.2 CSS文本外观属性 line-height line-height属性用于设置行间距，所谓行间距就是行与行之间的距离，即字符的垂直间距，一般称为行高。 line-height常用的属性值单位有三种，分别为像素px，相对值em和百分比%，实际工作中使用最多的是像素px。 3.4 设置文本样式 3.4.2 CSS文本外观属性 text-align text-align属性用于设置文本内容水平对齐，相当于html中的align对齐属性。 其可用属性值如下： left：左对齐（默认值） right：右对齐。 center：居中对齐。 3.4 设置文本样式 3.4.2 CSS文本外观属性 text-transform text-transform属性用于控制英文字符的大小写。 其可用属性值如下： none：不转