欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

css文本样式系小结

程序员文章站 2022-07-08 19:22:39
...

超链接带图标和文字,图片垂直居中:

 

<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 - 水滴石穿

 

 

  • css文本样式系小结
            
    
    博客分类: CSSWeb css垂直居中ouline阴影css选择器 
  • 大小: 124.6 KB

上一篇: JSP声明

下一篇: SQL 疑难杂症