css文本样式系小结

超链接带图标和文字，图片垂直居中：

 

<a href="javascript:void(0)"  ><img style="vertical-align:middle;" src="04563136.gif"/>查看元数据</a>

 

<style>
#idDIV{
	/*基本设置*/
	width:500px;
	position:absolute;
	left:200px;
	top:200px;
	background-color:#cccccc;
	padding:4px;
	height:200px;
	/*以下是有价值的样式*/
	font-family:verdana;
	font-weight:bold;
	text-shadow: red 0px 0px 5px;/*not IE*/
	/*text-shadow : color || 水平length || 垂直length || opacity */
	text-transform : uppercase;
	/*	capitalize  :　 将每个单词的第一个字母转换成大写，其余无转换发生 
		uppercase  :　 转换成大写 
		lowercase  :　 转换成小写 
	*/
	letter-spacing:0px;
	word-spacing : 0px;
	text-indent:2em;/*一个em代表一个字*/
	vertical-align : middle;/*这两个配合实现垂直居中 IE8+*/
	display: table-cell;/*这两个配合实现垂直居中 IE8+ */
	white-space: normal; /*不换行=nowrap*/

	outline: 20px gray groove;/*外轮廓 3D样式 IE8+*/
}
/*css选择器： 属性选择器 IE7+*/
div[name=BBB][id=AAA]{/*只给name=BBB并且id=AAA的div使用的样式*/
	color:red;
}
</style>


<div id="idDIV">Every man dies , Not every将每个单词的第一个字母转换成大写，其余无转换发生 man regetElementByIdy livesEvery man dies , Not every man regetElementByIdy livesEvery man dies , Not every man regetElem将每个单词的第一个字母转换成大写，其余无转换发生ntByIdy livesEvery man dies , Not every man regetElemg man regetElementByIdy livesEvery man dies 将每个单词的第一个字母转换成大写，其余无转换发生, Not every man regetElementByIdy lives .</div>

<div id="AAA" name="BBB">AAAAAAAAA Not every将每个单词的第一个字母转换成大写，其余无转换发生 man regetElementByIdy livesEvery man dies , Not every man regetElementByIdy livesEvery man dies , Not every man regetElem将每个单词的第一个字母转换成大写，其余无转换发生ntByIdy livesEvery man dies , Not every man regetElemg man regetElementByIdy livesEvery man dies 将每个单词的第一个字母转换成大写，其余无转换发
</div>

<div id="BBB" name="BBB">BBBBBBBBBBNot every将每个单词的第一个字母转换成大写，其余无转换发生 man regetElementByIdy livesEvery man dies , Not every man regetElementByIdy livesEvery man dies , Not every man regetElem将每个单词的第一个字母转换成大写，其余无转换发生ntByIdy livesEvery man dies , Not every man regetElemg man regetElementByIdy livesEvery man dies 将每个单词的第一个字母转换成大写，其余无转换发
</div>

 

 

 

 

 

 

愤怒的coder - 水滴石穿