accpxudajian 发表于 2013-2-7 23:12:04

css文本样式系小结

<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的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 - 水滴石穿
 
 
页: [1]
查看完整版本: css文本样式系小结