CSS强制换行背景色透明首行缩进等
时间:2008-09-09 12:52来源:www.91php.com 作者:爱余永不变 点击:次
filter:chroma(color:#FFFFFF); 让指定的背景色透明
word-break:break-all; 强制换行,
writing-mode:tb-rl;
用于设置文本的书写方向,可
- 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
- document.body.clientWidth / 20)
-
- 对于支持HTML的BBS来说,这可能会是一个安全隐患!
- position: absolute;
- 这个我想绝大多数人都知道——绝对定位,我所要说的是偶然发现的一个隐含功能,例:
- 当给一个网页元素的CSS设置为"position: absolute;",那么它会绝对定位,然后根据css中的left,top属性确定自己的位置。但是如果我们仅仅设置一个元素样式表的"position: absolute;"属性,而不设置其left,top属性,那么该元素会浮在其html所在位置。看个例子,我将一个tr的CSS设置为"position: absolute;": 第一行
- 第二行
- <table border="1" cellpadding="4" cellspacing="0">
- <tr style="position: absolute;">
- <td>第一行</td>
- </tr>
- <tr>
- <td>第二行</td>
- </tr>
- </table>
-
- 第一行浮在第二行上了,这个特性可以很方便的来制作重叠效果,例如我以前写过的自定义按钮和flash播放器都用到了这个特性来实现重叠:
- 自定义按钮:一个自定义按钮,底下是一个普通的Button,利用"position:absolute;"在Button上面覆盖图
- Flash播放器:这个播放器的进度条就是通过这种方法来重叠的。
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
document.body.clientWidth / 20)
对于支持HTML的BBS来说,这可能会是一个安全隐患!
position: absolute;
这个我想绝大多数人都知道——绝对定位,我所要说的是偶然发现的一个隐含功能,例:
当给一个网页元素的CSS设置为"position: absolute;",那么它会绝对定位,然后根据css中的left,top属性确定自己的位置。但是如果我们仅仅设置一个元素样式表的"position: absolute;"属性,而不设置其left,top属性,那么该元素会浮在其html所在位置。看个例子,我将一个tr的CSS设置为"position: absolute;": 第一行
第二行
<table border="1" cellpadding="4" cellspacing="0">
<tr style="position: absolute;">
<td>第一行</td>
</tr>
<tr>
<td>第二行</td>
</tr>
</table>
第一行浮在第二行上了,这个特性可以很方便的来制作重叠效果,例如我以前写过的自定义按钮和flash播放器都用到了这个特性来实现重叠:
自定义按钮:一个自定义按钮,底下是一个普通的Button,利用"position:absolute;"在Button上面覆盖图
Flash播放器:这个播放器的进度条就是通过这种方法来重叠的。
------分隔线----------------------------