（本科）Web3-6-CSS常见样式的DW实现课件.pptx

课程主讲人： Web3-6-CSS常见样式的DW实现 3.6 CSS常见样式的DW实现 渲染的艺术——CSS WEB设计学习三步曲 WEB设计学习三步曲 WEB设计学习三步曲 CSS常见样式的设置与实现 字体样式 文本样式 边框样式 列表样式 背景样式 WEB设计学习三步曲 字体样式 属性 说明 font-family 字体系列。用于设置字体，如宋体、隶书、华文行楷等。 font-size 字体大小。可以使用关键字small、large等，也可以使用数组。 font-weight 字体粗细。可以使用关键字lighter、bold等，也可以使用数组。 font-style 字体风格。可以实现斜体字设置。 color 字体颜色。用于设置字体的颜色。 WEB设计学习三步曲 文本样式 属性 说明 text-indent 设置文本的缩进。 text-align 设置文本的水平对齐方式。 text-decoration 对文本进行修饰。 text-transform 处理文本的大小写。 line-height 设置行高。 letter-spacing 设置字母间距。 word-spacing 设置单词间距。 WEB设计学习三步曲 边框样式 边框的类型 (borer-style) 边框的宽度(border-width) 边框的颜色(border-color) WEB设计学习三步曲 列表样式 列表类型(list-style-type) 列表项图像(list-style-image) 列表标志的位置(list-style-position) WEB设计学习三步曲 Web1.0时代，都是使用background或者bgcolor这两个HTML属性，来为元素设定背景颜色或背景图片。 web2.0时代以后，对于元素的背景样式，我们都是使用CSS属性来实现。 背景样式 WEB设计学习三步曲 背景样式 背景颜色：background-color 背景图片：background-image background-repeat background-position