常用的css样式.doc

常用的css样式 *伪类: a link{}设置a对象在未被访问前的样式表属性。;?????? a hover{}设置对象在其鼠标悬停时的样式表属性。?????? a active{}设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式表属性。?????? a visid{}设置a对象在其链接地址已被访问过时的样式表属性。 background: url(../img/character_title2.jpg) repeat-x;border : solid 1px red ;（solid细线、dashed大点虚线、dotted小点虚线、double双直线、groove3D凹线、ridge3D凸线、inset3D框入线、outset3D隆起线） margin-top:10%(百分比) 10%是以实用这样式的对象的宽度定的 div垂直居中问题，对象在浏览器中的垂直居中?? 可以用绝对路径：如下面代码div {position:absolute; top:50%; left:50%;margin:-100px 0 0 -200px; width:400px; height:200px; border:1px solid red; line-height:200px;font-size:16px; text-align:center;} cursor:pointer; 鼠标变手型;text-decoration:none;去掉超链的下横线；dl标记,dt标记,dd标记：dl标记定义了一个定义列表，定义列表中的条目是通过使用dt标记(“definition title”，定义标题)和dd标记(“definition description”，定义描述)创建的。dt给出了术语名，dd标记给出了术语的定义。 font-weight : 600；字体的粗细；text-indent : 20px;首行缩进20像素，就是向右移动20px。Css中text-indent属性的作用是实现文字缩进,这种方法很实用,但这种属性却有很大的缺点,那就是火狐浏览器不支持,为什么呢? 这是因为ie是根据文本排列的方向解释缩进的。而Firefox按照标准根据文本流的方向解释缩进，是将15px的缩进解释到了span元素的前面，而span元素拥有的float属性恰好能够消除父元素的text-indent的值，所以这15px就不见了。解决这个兼容问题的最佳方法就是将text-indent改为padding-left,这因为父元素padding属性是不会随子元素的float属性而消除。 letter-spacing ：20px；字符间距属性，就是每两个字符间距20px；line-height :　20px；行间的距离，每2行间距20px。（常用于使字符垂直居中，常常用来控制字符的垂直位子）； text-align：left、center、right；字符水平对齐，left靠左、right靠右、center居中。vertical-align ：top、middle、bottom；垂直对齐属性。常用于table里面。在div里面好像不起作用；background-position : 水平位位置，垂直位置;background-position : 0px center;背景图片水平靠左0px，即向右移动0px；垂直居中；list-style-type : none;使ul标记中的li标记前面的黑点消失； word-break:break-all;?? 汉字英语夹白不断行 text-overflow : ellipsis;使每行超过行宽的字符变成...号；white-space :nowrap;强迫字符段落在一行内显示； word-wrap : break-word;当当前行超过指定容器的边界时断开转行； 上面3个样式用在div中 表格table中目前无效；关于table标记的行高问题:每个table都有它自己的最小默认行高，我大概量了一下是19px。如果你用height 修改table 的 tr 标记的高度，那么只有当你height大于19px后，显示上才会有反映，意思就是当你给table的height修改为19px以下（包括19px）显示上都是19px，所以用height修改table的行高的时候有很大的局限性。我们可以用line-height去修改table的tr行高，它可以修改到任意高度，不过里面的字体都垂直居中了。 position : absolute;意思是绝对定位的意思，就是相对于浏览器的定位。当用position : absolute时；可以使用top 和left，当用相对定位（即po