http://blog.joycode.com/dotey/archive/2004/11/14/38877.aspx

在Web开发时,不可避免要用到CSS,把我这几年在Web开发过程中积累的一些不常用但是很实用的CSS整理了一下,希望对大家有所帮助!

filter:chroma(color:#FFFFFF);
让指定的背景色透明,例:

这些样式表,你都用过么? zz 这些样式表,你都用过么? zz
未使用该滤镜 使用该滤镜

text-indent:2em;
首行缩进,例:

有时候,我们需要将段落的首行缩进两个文字,一般我们都是用4个HTML的空格( )来实现,其实我们还可以用样式表来达到这种效果!


border-collapse:collapse;
它会自动把相同的边框线合并,例:

不使用border-collapse:collapse;

1.1 1.2
2.1 2.2
使用border-collapse:collapse;
1.1 1.2
2.1 2.2

background-position: 0 -78;
设置背景图片的位置,例:

《background-position的妙用》

table-layout: fixed;
固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关。也就是说,内容可能被裁切,例:

看看我以前写的一个仿msn的htc网格中应用这个属性的效果吧,仿照MSN的网格,单元格中文字过长会自动被截取(在Table中使用样式table-layout: fixed;),鼠标移上会全部显示(使用一个浮动的层覆盖在上面): 演示 下载

display:inline;
设置或检索对象是否及如何显示,inline表示内联,例:

大家都知道两个表格在一起,默认是会自动换行的,但是利用display:inline;属性可以让两个表格并排在一起:

表格1
 
表格2

font:12px/18px;
字体大小/行高,例:

未使用CSS 使用该CSS

在这里行高是系统默认的,不会受影响的

这里的12px就表示字体大小,18px其实就等价于css中的line-height。

可以利用这个来做动画:)

font-size: expression(document.body.clientWidth / 20);
expression是IE浏览器特有的功能,可以直接执行脚本而算出css的值,例:

《CSS也能控制表格的交替颜色 》

字体大小随着浏览器大小而变化,始终为浏览器宽度的1/20

相关文章:

  • 2021-09-13
  • 2021-11-21
  • 2021-12-25
  • 2021-07-19
  • 2021-09-28
  • 2022-01-10
  • 2021-10-28
猜你喜欢
  • 2022-12-23
  • 2021-12-12
  • 2021-11-15
  • 2021-05-31
  • 2021-10-12
  • 2021-04-04
相关资源
相似解决方案