不常用的几个CSS技巧
时间：2006-11-27 来源：PHP_Linux
filter:chroma(color:#FFFFFF); 让指定的背景色透明
word-break:break-all; 强制换行，
writing-mode:tb-rl;
用于设置文本的书写方向，可以有两个取值：
lr-tb：表示左右-上下，left right - top bottom
tb-rl：表示上下-右左，top bottom - right left text-indent:2em;
首行缩进 background-color: transparent;
transparent表示透明色 border-collapse:collapse;
它会自动把相同的边框线合并 background-position: 0 -78;
设置背景图片的位置 table-layout: fixed;
固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关。也就是说，内容可能被裁切 display:inline;
设置或检索对象是否及如何显示，inline表示内联，例:
大家都知道两个表格在一起，默认是会自动换行的，但是利用display:inline;属性可以让两个表格并排在一起： overflow: auto;
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。auto : 在需要时剪切内容并添加滚动条，
font:12px/18px;
字体大小/行高，例:
未使用CSS 使用该CSS
在这里行高是系统默认的，不会受影响的
这里的12px就表示字体大小，18px其实就等价于css中的line-height。
Clip rect(top，right，bottom，left)
图片裁减
font-size: expression(document.body.clientWidth / 20);
expression是IE浏览器特有的功能，可以直接执行脚本而算出css的值 字体大小随着浏览器大小而变化，始终为浏览器宽度的1/20
对于支持HTML的BBS来说，这可能会是一个安全隐患！
用于设置文本的书写方向，可以有两个取值：
lr-tb：表示左右-上下，left right - top bottom
tb-rl：表示上下-右左，top bottom - right left text-indent:2em;
首行缩进 background-color: transparent;
transparent表示透明色 border-collapse:collapse;
它会自动把相同的边框线合并 background-position: 0 -78;
设置背景图片的位置 table-layout: fixed;
固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关。也就是说，内容可能被裁切 display:inline;
设置或检索对象是否及如何显示，inline表示内联，例:
大家都知道两个表格在一起，默认是会自动换行的，但是利用display:inline;属性可以让两个表格并排在一起： overflow: auto;
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。auto : 在需要时剪切内容并添加滚动条，
font:12px/18px;
字体大小/行高，例:
未使用CSS 使用该CSS
在这里行高是系统默认的，不会受影响的
这里的12px就表示字体大小，18px其实就等价于css中的line-height。
Clip rect(top，right，bottom，left)
图片裁减
font-size: expression(document.body.clientWidth / 20);
expression是IE浏览器特有的功能，可以直接执行脚本而算出css的值 字体大小随着浏览器大小而变化，始终为浏览器宽度的1/20
对于支持HTML的BBS来说，这可能会是一个安全隐患！
相关阅读 更多 +
