2016网页制作（主编高律-科学出版社）文字大小写.docVIP

1．文字大小写 基本格式如下： text-transform: 参数 文字修饰的主要用途是改变浏览器显示文字链接时的下划线。 基本格式如下： text-decoration: 参数 参数取值范围： ·underline：为文字加下划线 ·overline：为文字加上划线 ·line-through：为文字加删除线 ·blink：使文字闪烁 ·none：不显示上述任何效果 控制文本的样式包括单词距离、字母距离、文本行距、文本水平对齐、文本垂直对齐文本缩进六个部分。 1．单词间距 单词间距指的是英文每个单词之间的距离，不包括中文文字。 基本格式如下： word-spacing: 间隔距离 2、字母间距 字母间距是指英文字母之间的距离，功能、用法，以及参数的设置和单词间距很相似。 基本格式如下： letter-spacing: 字母间距 基本格式如下： line-height: 行间距离 4．文本水平对齐 文本水平对齐可以控制文本的水平对齐，而且并不仅仅指文字内容，也包括设置图片、影像资料的对齐方式。 基本格式如下： text-align: 参数 参数的取值： ·left：左对齐 ·right：右对齐 ·center：居中对齐 ·justify：相对左右对齐 文本垂直对齐 基本格式如下： vertical-align: 参数 参数取值： ·top：顶对齐 ·bottom：底对齐 ·text-top：相对文本顶对齐 ·text-bottom：相对文本底对齐 ·baseline：基准线对齐 ·middle：中心对齐 ·sub：以下标的形式显示 ·super：以上标的形式显示 6．文本缩进 基本格式如下： text-indent: 缩进距离 7、控制颜色和背景的样式包括颜色属性、背景颜色、背景图片、背景图片重复、背景图片固定、背景定位六个部分。 1．颜色属性 基本格式如下： color: 参数 背景颜色 基本格式如下： background-color: 参数 背景图片 基本格式如下： background-image: url(URL) 背景图片重复 背景图片重复控制的是背景图片平铺与否，也就是说，结合背景定位的控制可以在网页上的某处单独显示一幅背景图片。 基本格式如下： background-repeat: 参数 参数取值范围： ·no-repeat：不重复平铺背景图片 ·repeat-x：使图片只在水平方向上平铺 ·repeat-y：使图片只在垂直方向上平铺 5．背景图片固定 背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性，浏览器默认背景图片随网页的滚动而滚动。 基本格式如下： background-attachment: 参数 参数取值范围： ·fixed：网页滚动时，背景图片相对于浏览器的窗口而言，固定不动 ·scroll：网页滚动时，背景图片相对于浏览器的窗口而言，一起滚动 6．背景定位 背景定位用于控制背景图片在网页中显示的位置。 基本格式如下： background-position: 参数表 参数取值范围： ·带长度单位的数字参数 ·top：相对前景对象顶对齐 ·bottom：相对前景对象底对齐 ·left：相对前景对象左对齐 ·right：相对前景对象右对齐 ·center：相对前景对象中心对齐 列表符号 基本格式如下： list-style-type：参数 参数取值范围： ·disc：圆形 ·circle：空心圆 ·square：方块 ·decimal：十进制数字 ·lower-roman：小写罗马数字 ·upper-roman：大写罗马数字 ·lower-alpha：小写希腊字母 ·upper-alpha：大写希腊字母 ·none：无符号显示 CSS提供了多达13种的鼠标形状，供我们选择。 基本格式如下： cursor：鼠标形状参数 CSS鼠标形状参数表： CSS代码 鼠标形状 style=cursor:hand 手形 style=cursor:crosshair 十字形 style=cursor:text 文本形 style=cursor:wait 沙漏形 style=cursor:move 十字箭头形 style=cursor:help 问号形 style=cursor:e-resize 右箭头形 style=cursor:n-resize 上箭头形 style=cursor:nw-resize 左上箭头形 style=cursor:w-resize 左箭头形 style=cursor:s-resiz