第11篇 CSS属性网页美化布局的基础.pptVIP

边框中有3个属性：一是边框宽度属性，用于设置边框的宽度；二是边框颜色，用于设置边框的颜色；三是边框样式，用于控制边框的样式。 11.6 边框属性 使用边框样式属性可以定义边框的风格样式，这个属性必须用于指定可见的边框。 11.6.1 边框样式border-style 边框宽度用于设置元素边框的宽度。 11.6.2 边框宽度border-width border-color属性用来设置边框的颜色，可以用16种颜色的关键字或RGB值来设置。 11.6.3 边框颜色border-color CSS中的滤镜与Photoshop中的滤镜相似，它可以用很简单的方法对网页中的对象进行特效处理。 11.7 滤镜属性 alpha属性用于设置对象内容的透明度，使图片产生透明渐变效果。 11.7.1 不透明度alpha dropShadow滤镜用于设置在指定的方向和位置上产生阴影效果。 11.7.2 阴影效果dropShadow * 第11章 CSS属性网页美化布局的基础 教学内容：精美的网页离不开CSS技术，采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。 教学重点 字体属性 列表属性 颜色和背景属性 段落属性 边距与填充属性 边框属性 滤镜属性 11.1 字体属性 下面将以CSS的样式定义方法来介绍文字的使用。使用CSS定义的文字样式更加丰富，实用性更强。 11.1.1 字体font-family 在HTML中，设置文字的字体属性需要通过font标记中的face属性，而在CSS中，则使用font-family属性。 11.1.2 字号font-size 在HTML中，文字的大小是由font标记中的size属性来控制的。在CSS里可以使用font-size属性来自由控制字体的大小。 11.1.3 字体风格font-style 字体风格font-style属性用来设置字体是否为斜体。 在HTML里使用b标记设置文字为粗体显示，而在CSS中利用font-weight属性来设置字体的粗细。 11.1.4 加粗字体font-weight 使用列表属性可以设置列表项的样式，包括符号、缩进等。 11.2 列表属性 使用列表符号属性可以设置列表项所使用的符号类型。 11.2.1 列表符号list-style-type 图像符号属性是指使用图像作为列表符号，以便美化网页。 11.2.2 图像符号list-style-image 11.2.3 列表缩进list-style-position 使用列表缩进属性可以设置列表缩进的程度。 11.3 颜色和背景属性 下面介绍设置元素的颜色，设置背景颜色和背景图像。 color属性用来设置指定元素的颜色，颜色值是一个关键字或一个16进制的RGB值。 11.3.1 颜色属性color 11.3.2 背景颜色background-color 利用body标记中的bgcolor属性可以设置网页的背景颜色，而在CSS中使用background-color属性不但可以设置网页的背景颜色，还可以设置文字的背景颜色。 11.3.3 背景图像background-image background-image属性可以设置元素的背景图像。 11.4 段落属性 利用CSS可以控制段落的属性，主要包括单词间距、字符间隔、文字修饰、纵向排列、文本转换、文本排列、文本缩进和行高等。 11.4.1 单词间隔word-spacing 使用单词间隔word-spacing可以控制单词之间的间隔距离。 11.4.2 字符间隔letter-spacing 使用字符间隔可以控制字符之间的间隔距离。 使用边距属性可以设置元素周围的边界宽度，包括上、下、左、右4个边界的距离。填充属性用于设置边框和元素内容之间的间距，同样包括上、下、左、右4个方向的填充值。 11.5 边距与填充属性 上边距也叫顶端边距，使用上边距可以设置元素的上边界，可以使用长度值或百分比。 11.5.1 上边距margin-top 底边边距用于设置元素下方的边距值；左侧边距和右侧边距则分别用于设置元素左右两侧的边距值。其语法和用法与顶端边距类似，下面用一个实例说明底边边距、左侧边距和右侧边距的效果。 11.5.2 其他边距margin-bottom、margin-left、margin-right *