CSS文字和图片参考.pptVIP

设置文字的样式 常用CSS属性： font-family 字体 font-size 文字大小 color 文字颜色 font-weight 文字粗细 font-style 斜体 text-decoration下划线、顶划线、删除线 text-transform 英文字母大小写 1.4文字的加粗效果——font-weight 设置段落的样式 常用CSS属性： text-align 水平对齐 vertical-align 垂直对齐 line-height 行间距 letter-spacing 字间距 margin 段间距 text-indent 首行缩进 2.4设置段落格式-行高 设置段落内部的文字行高：line-height 什么是行高？ 2.5设置段落格式—段间距 设置段落之间的距离 margin(margin-top、 margin-left 、margin-right、 margin-bottom)属性:四边的外延边距 padding属性:四边的内边距 例： body p这是第一段/p p这是第二段/p p这是第三段/p /body 有如下样式： p{margin:0px;} 2.6设置段落首行缩进——text-indent 思考：如何设置段落首行缩进2个字符的效果？ 思考：如何设置段落首行“悬挂缩进”2个字符？ 图片样式与对齐 border-style、border-color、border-width 图片边框 width、height 图片尺寸 text-align 图片水平对齐 vertical-align 图片纵向对齐 CSS背景图片属性 background-image：添加背景图片 background-repeat：背景图片重复 background-position：背景图片位置 background-attachment：固定背景图片 Background：背景图片样式综合设置 4. 图文混排 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 4.1 文字环绕 CSS属性：float 实例：10-25.html img{ float:left; margin-right:5px; margin-bottom:5px;} span{float:left; /* 首字放大 */ font-size:85px; font-family:黑体; margin:0px; padding-right:5px;} img src=chunjie.jpg border=0 pspan春/span节古时叫“元旦”。/p Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 4.2 练习——八仙过海 ftp课堂练习中下载”图文混排—八仙过海“，利用CSS图文混排的方法，实现页面的效果。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 5. CSS网页背景颜色 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 5.1 页面背景色 CSS属性：background-color 在CSS中页面的背景色主要通过设置body标记的background-color属性来实现。实例：10-26.html Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 5.2 用背景色给页面分块 几乎所有的HTML元素的背景色都可以通过background-color属性来设定。因此很多网页都通过设定不同的HTML元素的各种背景色来实现分块的目的。 实例：10-27.html Evaluation only. Created with Aspose.Slides for .N