教学幻灯片HTML5CSS3JavaScript 网页设计案例课堂 网页设计 网站设计 网页设计入门 自学教程 教材 html5标准 计算机开发 附光盘10

第10章CSS美化图片，本章内容，10.1图片边框样式10.2对齐图片10.3图片-文本混合排列10.4综合示例1-一字新闻10.5综合示例2-学校宣传页，10.1图片边框样式，10.1.1图片边框10.1.2图片缩放，10.1.1图片边框，在CSS3中，使用边框样式属性定义边框样式。例如，您可以将边框样式设置为点线、虚线、实线、双线等。边框样式属性的详细信息。例如：10.1.html可以使用上边框样式设置上边框样式，使用右边框样式设置右边框样式，使用下边框样式设置下边框样式，使用左边框样式设置左边框样式。示例：10.2.HTML，10.1.2图片缩放。在html标记语言中，图片大小可以通过img的描述标签高度和宽度来设置。宽度和高度分别代表图片的宽度和高度，两个值可以是数值或百分比，单位可以是像素。应当注意，对于高度属性高度和宽度属性宽度的设置要求是相同的。示例：10.3.htmlmax最大宽度和最大高度分别用于设置图片的最大宽度和高度。在定义图片的大小时，如果图片的默认大小超过了定义的大小，它将以最大宽度定义的宽度值显示，如果定义了最大高度，图片的高度将按比例变化，依此类推。但是，如果图片的大小小于最大宽度或高度，图片将以原始大小显示。最大宽度和最大高度的值通常是数字类型。例如：10.4.html、10.2图片对齐、10.2.1水平对齐、10.2.2垂直对齐、10.2.1水平对齐，所谓的图片水平对齐就是在水平方向上对齐。对齐样式和文本对齐方式相似。有三种对齐方法，即“左”、“右”和“中”。示例：10.10.html，10.2.2垂直对齐，垂直对齐属性设置元素的垂直对齐，即定义一行中元素基线相对于元素所在行基线的垂直对齐。允许您指定负长度值和百分比值。这将减少而不是增加元素。在表格单元格中，此属性设置单元格框中单元格内容的对齐方式。它的语法格式是垂直对齐：基线| sub | super | top | text-top | middle | bottom | text-bottom |长度。示例：10.7.html、10.3图片和文本的混合布局、10.3.1文本换行、10.3.2图片和文本间距的设置、10.3.1文本换行、float属性主要定义元素浮动的方向。通常，该属性总是应用于图像，以围绕图像周围的文本。有时它也可以定义其他元素来浮动。浮动元素生成块级框，与元素本身无关。如果浮动非替换元素，请指定显式宽度；否则，它们将尽可能地窄。浮点语法格式为：float:none|left|right。示例：10.8.html，10.3.2设置图片和文本之间的间距。padding属性主要用于设置声明中的所有padding属性，也就是说，您可以设置一个元素的所有padding的宽度或每边的padding的宽度。如果元素既有内部边距又有背景，它可能会在视觉上延伸到其他行，并可能与其他内容重叠。元素的背景通过内部边距延伸。不允许负的边距值。语法格式为：填充：填充-顶部|填充-右侧|填充-底部|填充-左侧。示例：10.9.HTML，10.4综合示例1-一条新闻，需求分析，HTML页面构建，添加CSS代码，修改DIV，使用类标识符指向da，添加CSS代码，修改正字幕，引用类标识符，修改图片，