HTML图像标记的属性与文本样式属性

图像标记<img/>

属性	属性值	述描
src	URL(全球资源定位器)	图像的路径
alt	文本	图像不能显示时的替换文本
title	文本	鼠标指针悬停时显示的内容
width	数字	图像的宽度
height	数字	图像的高度
broder	数字	图像边框的宽度
vaspace	数字	图像顶部和底部的空白(垂直边距)
haspace	数字	图像左侧和右侧的空白(水平边距)
align	left	将图像对齐到左边
	right	将图像对齐到右边
align	Top	将图像的顶端和文本的第一行文字对齐，其他文字居图像下方
	middle	将图像的水平中线和文本的第一行文字对齐，其他文字居图像下方
	bottom	将图像的地步和文本的第一行文字对齐，其他文字据图向下方

 

文本样式属性                                                                                                                                             字体样式属性：

1.font-size：字号大小2.font-family：字体 3.font-weight：字体粗细 4.font-style：字体风格     5.font：综合设置字体样式   基本语法格式：选择器{font：font-style font-variant(变体) font-weight font-size/line-height font-family; } 使用font属性时，必须按上面语法格式中的顺序书写，各个属性以空格隔开                                                                                                                                      6.@font-face CSS3的新增属性，用于定义服务器字体(开发者计算机未安装字体时)。基本语法格式：@font-family{font-family:字体名称；src:字体路径;}                                                                     7.word-wrap 用于实现长单词和URL地址的自动换行 基本语法格式：选择器{word-wrap:属性值;} (值：normal只在允许的断字点换行（浏览器默认）break-word在长单词或URL地址内部进行换) 

       文本外观属性：                                                                                                                        1.color:文本颜色(预定义的颜色值，十六进制，RGB代码)                 2.letter-spacing:字间距3.word-spacing:单词间距 4.line-leight:行间距(常用的属性值单位 像素px，相对值em，百分比%)    5.text-transform:文本转换(英文字符的大小写)(none:不转换（默认值）capitalize:首字母大写  uppercase:全部字符转换为大写  lowercase:全部字符转换为小写)   6. text-decaration(后可以赋多个值):文本修饰(none:默认修饰(默认) underline:下划线 overline:下划线 line-through:删除线)           7.text-align:水平对齐方式(left:左对齐(默认值)right:右对齐 center:居中对齐)   8.text-indent:首行缩进(px/em字符宽度的倍数/相对于浏览器窗口宽度的百分比%，可负，属性仅适用块级元素)    9.white-space:空白符处理(normal:常规(默认值)文本中格式无效，自动换行 pre:预格式化，按原格式显示 nowrap:格式无效，强制文本不能换行，除用<br/>标记)   10.text-shadow:阴影效果 基本语法格式:选择器{text-shadow:h-shdow v-shdow blur color;水平阴影的距离，垂直阴影的距离，模糊半径，阴影颜色 半径只能为正值，可设置多组阴影参数}  11.text-overflow:标示对象内溢出文本   基本语法格式:选择器{text-overflow:属性值;(clip:修剪溢出文本，不显示省略标记“...”。ellipsis:用省略标记“...” 标示被修剪文本 与"white-space:nowrap;","overflow:hidden")}