项目六 、项目七 盒子模型.pptxVIP

1第四章图像及盒子模型

4.1图像及图像属性

图像标记符img或img/必要属性：Src:表示要插入图像的文件名，必须包含路径Alt:当图片资源不存在或错误时，显示的提示信息

图像标记符1、设置图像高度和宽度的属性Width：设置图像的宽度Height:设置图像的高度（图像标记符不支持直接设置align标记符属性）2、设置图像的边框Border:设置图像的边框效果取值：粗细线条样式颜色等粗细：可以是具体数值加像素（px）单位线条样式：solid实线dashed虚线double双线等

图像标记符3、设置图像的水平对齐：通过CSS属性定义属性：Text-align取值：rightleftcenter4、设置图像的垂直对齐属性属性：Vertical-align取值：top与文本顶部对齐middle与文本中央对齐bottom与文本底部对齐

图像标记符5、设置图文混排属性：float取值：leftright6、设置图像的透明度属性：opacity取值：具体数值

4.2认识盒子模型及属性

CSS盒子模型CSS的盒子模型，他规定了任何一个HTML元素所形成的元素框的，处理方式，即一个元素被定义为一个“盒子”，这个“盒子”包括元素的宽度width、高度he