旁门左道 你没见过的CSS效果

css

  这些小TIPS,在CSS手册或者HTML手册里是看不到的,不记得是在那里看到的,不过我一直用着。虽然标准校验通不过,如果不追求标准校验的话,还是可以用用的,因为在IE和Firefox里能显示的很好。

  1、是不是经常会遇到小图片和文字一行排列不齐的尴尬?

  img的align属性有一个这样的,align="absmiddle",可以试试,不过要是校验的时候,会提示错误。

  2、字体

  写一行中英文混在一起的内容,然后分别用font-family:宋体,font-family:Arial,font-family:"ms shell dlg"定义,看看效果。

用“font-family:宋体”定义:<br><span style="font-family:宋体;">I love you,我亲爱的mother。</span><br><br>用“font-family:Arial”定义:<br><span style="font-family:Arial;">I love you,我亲爱的mother。</span><br><br>用“font-family:ms shell dlg”定义:<br><span style="font-family:ms shell dlg;">I love you,我亲爱的mother。</span><br><br>看看这三种情况有什么样的区别?

    [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

时间: 2016-07-07