div+css总结.doc

<style>
{text-decoration:underline;} /* 下划线效果*/
{text-decoration:overline; }/* 顶划线*/
{text-decoration:line-through;} /* 中间划线*/
{text-decoration:blink;}
/*闪烁,只在firefox中可以。*/
{ text-decoration:underline overline line-through; }
/* 三种同时,有几种就用空格隔开*/
</style>
2. 英文字母大小写的方式
<style>
<!--
p{ font-size:17px; }
{ text-transform:capitalize; } /* 单词首字大写*/
{ text-transform:uppercase; } /* 全部大写*/
{ text-transform:lowercase; } /* 全部小写*/
-->
font-family:Arial, Helvetica, sans-serif; /* 字体*/
letter-spacing:-2px; /* 字母间距*/
</style>
3. vertical-align的用法!
vertical-align只作用于在同一行内的元素vertical-align声明在很多中文文档中解释是“决定元素在垂直位置的显示”,它有下面几个参数baseline | sub | super | top | text-top | middle | bottom | text-bottom | 
baseline:与元素的基线对齐。
middle:与元素中部对齐。
sub:字下沉。
super:字上升。
text-top:文本顶部对齐。
text-bottom:文本底部对齐。
top:和本行位置最高元素对齐。
bottom:和本行位置最低元素对齐。

<style>
<!--
p{ font-size:12px; }
{ text-align:left; } /* 左对齐*/
{ text-align:right; } /* 右对齐*/
{ text-align:center; } /* 居中对齐*/
{ text-align:justify; } /* 两端对齐*/
-->
</style>

(1)<style>
<!--
{ vertical-align:top; } /* 顶端对齐*/
{ vertical-align:bottom; } /* 底端对齐*/
{ vertical-align:middle; } /* 中间对齐*/
-->
</style>
(2)<style>
<!-- /* 使文字浮于或低于本行文字*/
{ vertical-align:10px; }
{ vertical-align:-10px; }
-->
</style>如下图1:


图1
、字体之间的间距设置
line-height:8pt; /* 行间距,绝对数值,行间距小于字体大小*/
<style>
<!--
{
font-size:10pt;
letter-spacing:-2pt; /* 字间距,绝对数值,负数*/
}
{ font-size:18px; }
{ font-size:11px; }
, {
letter-spacing: .5em; /* 字间距,相对数值*/
}
-->
</style>
效果如图2:
图2

p span{
font-size:60px; /* 首字大小*/
float:left; /* 首字下沉*/
padding-right:5px; /* 与右边的间隔*/
font-weight:bold; /* 粗体字*/
font-family:黑体; /* 黑体字*/
color:yellow; /* 字体颜色*/
}
效果如图3:


图 3

border-style : none | hidden | d