img

1．图像与文字相对位置的调整，align,float;

在图像属性工具栏内的“对齐”下拉列表框中有10个列表项，用来进行图像与文字相对位置的调整。这些列表项的含义如下。

“默认值”列表项：使用浏览器默认的对齐方式，不同的浏览器会稍有不同。

“基线”列表项：图像的下沿与文字的基线水平对齐。

 “顶端”列表项：图像的顶端与当前行中最高对象（图像或文本）的顶端对齐。

“中间”列表项：图像的中线与文字的基线水平对齐。

“底部”列表项：图像的下沿与文字的基线水平对齐。

“文本上方”列表项：图像的顶端与文本行中最高字符的顶端对齐。

“绝对中间”列表项：图像的中线与文字的中线水平对齐。

“绝对底部”列表项：图像的下沿与文字的下沿水平对齐。文字的下沿是指文字的最下边，而基线不到文字的最下边。

“左对齐”列表项：图像在文字的左边缘，文字从右侧环绕图像

2．图像与文字间距的调整（在标签内应用vspaceor hspace,在CSS中应用margin属性；）

图像与文字的间距是指图像与文字水平方向和垂直方向的间距，可以在属性面板中改变“水平边距”和“垂直边距”文本框内的数值来实现，数值的单位是像素常常可以给图像添加一个边框来美化图像，选取图像后，在属性面板的“边框”文本框中可以设置图像边框的宽度，单位为像素，“0”表示无边框，默认图像无边框

3 backgroup-repeat属性

1 repeat:default;

2 no-repeat

3 repeat-x:仅横和平铺；

4 repeat-y:仅纵向平铺；

4 backgroud-position属性：准确地控制图片在页面中的位置

可取值：先水平，后垂直方向

1 top,center,bottom,left,center,right;

2 %分比，以图片的中心为基准；

3 px，以图片的左上角为基准；

5 一些属性值可用backgroud属性写到一起

background:#fff url(---) no-repeat centercenter;

图像与文字相对位置的调整

在图像属性工具栏内的“对齐”下拉列表框中有10个列表项，用来进行图像与文字相对位置的调整。

背景的固定

background-image:url(images/wang.gif);

background-attachment:fixed;

background-repeat:no-repeat;

这些属性要写到一起的话，用background:

背景的固定

background-image:url(images/img_explanation.jpg);

background-position:left bottom;

width:546px;

图像的对齐：

<img align="-"width="-" height="-" src="" />

也可以设置CSS #stylename img{float:left;}

如果对以上样式设置margin属性，则会有图像与文本的相应距离；

如何增加多个背景图像：这需要嵌套多个标记；

图文混排

1 单行图文定位：position:relative;top:6px;

2 单行图文对齐：vertical-align:middle;

3 图文环绕：#preambleimg{float:left;}

4 不规则图文环绕：定义多个浮动元素，并设置不同宽度

#preamble em{}

.11{width:177px;}

<emclass="11">---</em>

图像点位符：插入-图像-图像点位符

关于背景图像;

1 可以纵向或横向重复;

2 背景图像可以设置大小:1280*8;或8*1280

用CSS滤镜实现图片翻转特效

选择图像,在图像代码中输入:style="filter:flipH"

创建动感文字:CSS样式-扩展-filter: Glow(Color=red, Strength=3);

改变图像的尺寸的大小

<img width="x"height="x"

1 如果使用百分比，则是相对于父元素的大小，而不是相对于元素本身的原宽度（而不是原始图像的大小）；

2 如果使用像素单位：对应的是实际像素；

3 缩小尺寸会增加文件的下载时间；

4 可以只设置高度或宽度，浏览器会按比例调整另一个值；