第五章 css美化网页元素

字体样式及文本样式

<span>标签

span标签是超文本标记语言（HTML）的行内标签，被用来组合文档中的行内元素。 span没有固定的格式表现。 当对它应用样式时，它会产生视觉上的变化。

字体样式

font-family

font-family属性用于设置字体类型。网页中常用的字体类型有宋体，微软雅黑，黑体等。

示例：

p{font-family:"微软雅黑"；}

font-size

font-size属性用于设置字体大小，单位是px。

示例

h2{font-size:24px；}

font-style

font-style属性用于设置字体风格，如斜体。
normal：默认值，浏览器会显示标准的字体样式。
italic：浏览器会显示斜体的字体样式。
oblique：浏览器会显示斜体的字体样式。

示例

h2{font-size:24px;font-size:italic;}

font-weight

font-weight属性用于设置字体样式的细粗。
normal：默认值，定义标准的字符。
bold：定义粗字体。
bolder：定义更粗的字体。
lighter：定义更细的字体。
100~900：定义由细到粗的字符，400等同于normal，700等同于bold，值越大字体越粗。

示例

h2{font-size:20px;font-style:italic;font-weight:normal;}

font

fonts属性对字体进行综合设置。

示例

h2{font:font-style font-weight font-size font-family;}

文本样式

超链接伪类和列表样式

超链接伪类

列表样式

list-style-type:设置列表项标记的类型。
list-style-image:使用图片替换列表项的标记。
list-style-position:设置在何处放置列表的表记
list-style:设置所有的列表。

背景样式

初识<div>标签

<div>标签在使用时，可以嵌套<div>标签，也可以嵌套列表，段落，超链接等各种网页元素。

语法

<div>....</div>

背景属性

css3线性渐变的使用

颜色会沿着一条直线按顺序过渡到结束颜色，顺序可以是从左到右，也可
以是从右到左，上到下。

语法

background-image:linear-gradient(direction,color-stopl,color-stop2,.....);