程序代码

2012-01-06

RMB符号的几种显示方法

0

在网页中也经常会用到货币符号，RMB符号传统的显示方式:

1、直接使用￥

2、使用：

&#65509;

3、淘宝网新的显示方式：

font-family:Arial; + &yen;

RMB符号效果如下：

1、￥ 80元
2、￥ 80元
3、¥ 80元

2011-08-16

0

1、使用声明

你必须经常在html网页头部放置一个声明，推荐使用严格的标准。例如

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”"http://www.w3.org/TR/html4/strict.dtd”>

or, for XHTML:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

最后你需要是ie6进入兼容模式，这已经足够兼容了。

2、使用position: relative

设置一个标签position: relative可以解决很多问题，特别是曾经有过看不见的经历或者奇怪布局的框架。明显的，你需要小心，绝对位置放置的子元素是否都参照找到新位置。

2011-08-16

1+

IE6的兼容性是网页制作中头疼的问题，IE6中用了float:left之后会导致出现margin-left双倍边距的BUG，这里分享一下IE6中float产生双倍margin的解决方案，收藏备忘。

比如我们需要浮动到左边并具有10px的边距，CSS代码如下：

.boxLeft {
	float:left;
	margin-left:10px;
}

在IE7,Firefox等浏览器下能正确解释左边距10px。但是在IE6下会理解为左边距20px。也就是说，在与浮动同方向的空白边会加倍。解决方法是加上：display:inline;

2011-08-16

0

在中文版Chrome里面，网页CSS里所有小于12px的字体设置都无效，小于12px的数值，百分比之类的都不起左右，最终都将显示12px。

这是一个由来已久的Chrome浏览器的问题，不知为何一直存在到现在，主要是其内核Webkit造成的。这样弄的本意可能是好的，因为中文一旦小于12px，就变得不易阅读。网上有很多解决的方法，类似有将浏览器语言调整至英文，或者修改Chrome本地设置。但这些解决方法都是治标不治本的。

如此一来，中文网页中的英文也无法设计小于12px了，在一些文字部份的设计，不小实在不好看，影响整个排版的美观，如果你和我一样是网页开发人员为了这个12px的问题头疼，但又不能控制用户的浏览器语言或者修改其本地设置。
接下来带来一个万无一失的解决方式，保证100%可用。

在CSS里添加一个私有属性到html选择器：

html { -webkit-text-size-adjust: none; }