CSS文字样式设计与速成.pptVIP

第3章 CSS文字样式设计与速成 3.1 文字样式 3.1.1 字体 3.1.2 大小 3.1.3 类型 3.1.4 粗细 3.1.5 颜色 3.1.6 小型大写字体 3.1.7 链接 3.1.8 布局 3.1.9 文字阴影 3.1.10 文字变换速度控制 3.1.11 文字大小变化 3.1.1 字体 CSS提供font-family属性来控制文字的字体类型，通常使用的汉字字体有宋体、黑体、楷体等，通常使用的外文字体有Arial、Times New Roman等。 Dreamweaver默认的font-family属性的字体: 宋体 新宋体 Arial, Helvetica, sans-serif Times New Roman, Times, serif Courier New, Courier, monospace Georgia, Times New Roman, Times, serif Verdana, Arial, Helvetica, sans-serif Geneva, Arial, Helvetica, sans-serif 黑体 楷体_GB2312 仿宋_GB2312 3.1.2 大小 CSS提供font-size来控制字体的大小，font-size允许使用百分号形式或者单位形式来进行字体大小的设置。 使用单位形式进行设置举例： font-size: 20px; 使用百分号进行设置举例： font-size: 200%; font-size还支持这些属性值的设置：xx-small（最小）、x-small（较小）、small（小）、 medium（中等）、large（大）、x-large（较大）、xx-large（超大）。 3.1.3 类型 CSS提供font-style来设置字体的类型，只要是针对斜体或者正体字型的设置。CSS允许4种font-style属性值的设置： normal 默认值。浏览器显示一个标准的字体样式 italic 浏览器会显示一个斜体的字体样式 oblique 浏览器会显示一个倾斜的字体样式 inherit 规定应该从父元素继承字体样式 3.1.4 粗细 CSS提供font-weight属性来控制文字的粗细，其值可以是指定的数值或者关键字 normal 默认值。不加粗 bold 粗体 bolder 比父节点字体粗 lighter 比父节点字体细 100-900（9级粗细字体） 100、200、300、400、500、600、700、800、900 3.1.5 颜色 CSS提供color属性来控制文字的颜色，其值可以是关键字形式的、十六进制形式的、RGB形式的以及inherit形式。另外HTML的font标签里面也具有color属性用于设置文字颜色，然而在XHTML 1.0的Strict DTD中，不支持color属性，需要使用CSS的color属性来代替。 使用关键字形式进行设置举例： color: red 使用十六进制形式进行设置举例： color: #ff0000 使用RGB形式进行设置举例： color: RGB(255,0,0) 3.1.6 小型大写字体 CSS提供font-variant属性来控制文字的大小写控制，但是该属性较少使用，读者只需了解即可。 normal 默认值。大小写不变 small-caps 英文小型大写字体 inherit 和父节点一致 3.1.7 链接 CSS提供HTML的链接（瞄、anchor）标签a以及他的伪类选择符的样式。 link 瞄标签的一般状态下使用该伪类的CSS样式 visited 瞄标签的链接被点击后使用该伪类的CSS样式 active 瞄标签的链接被点下到释放之间使用该伪类的CSS样式 hover 鼠标在瞄标签的链接区域停留时使用该伪类的CSS样式 3.1.8 布局 1．text-indent text-indent的功能是控制内部文字第一行的缩进。text-indent的值可以是单位形式的数值，可以是百分号形式（基于父节点的宽度）的数值，也可以是inherit。 2．text-align text-align的功能是控制内部文字的横向排布。在前面的章节里已经频繁地使用该属性，text-indent的值可以是center、left、right、justify、inherit。 3．word-spacing word-spacing的功能是控制文字间空格的距离。实际上，word-spac