图文和布局课件.ppt

《图文和布局课件.ppt》由会员分享，可在线阅读，更多相关《图文和布局课件.ppt（5页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、9/5/2022CSS-图文和布局-正大软件学院1现在学习的是第1页，共5页9/5/2022CSS-图文和布局-正大软件学院2l line-height:行高值 l行高值的取值有三种方式:数字,比如:B font-size:12pt;line-height:2 表示B标签中的文字高度为12*2=24pt带长度单位的数字,比如B font-size:12pt;line-height:48pt 百分比,比如B font-size:10pt;line-height:120%表示B标签中的文字高度为10pt*120%=12ptl例子现在学习的是第2页，共5页9/5/2022CSS-图文和布局-正大软件

2、学院3l水平对齐 text-align:对齐参数 参数取值:center 居中;left居左居左;right居右居右;justify左右对齐左右对齐l垂直对齐垂直对齐vertical-align:对齐参数对齐参数 目前浏览器不支持l文字缩行 text-indent:长度值 (可以为负)l例子现在学习的是第3页，共5页9/5/2022CSS-图文和布局-正大软件学院4l边距控制margin-top:上边距;margin-bottom:下边距;margin-left:左边距;margin-right:右边距 注:IE不支持上下边距,可以为负l空格填充(作用类似于边距控制)padding-top:上边距空格;padding-bottom:下边距空格;padding-left:左边距空格;padding-right:右边距空格 注:IE不支持上下边距,不能为负l例子现在学习的是第4页，共5页9/5/2022感谢大家观看感谢大家观看现在学习的是第5页，共5页