2011年7月13日

定制能力很强的jquery图片滚动插件 jCarousel

文档+Demo：http://sorgalla.com/projects/jcarousel/

更多图片滚动插件：http://news.cnblogs.com/n/67789/  10+个jQuery图片滚动插件介绍

作者: 林剑锋 , 分类: 前端设计 , 评论: 1

2011年1月14日

IE6中莫名其妙地多出一行文字：IE6注释BUG

IE6中，一行文本被自动地复制一部分，并显示在其下边。

出现这个问题的条件：

通常，一个容器包含2两个具有“float”样式的子容器。 第二个容器的宽度大于父容器的宽度，或者父容器宽度减去第二个容器宽度的值小于3。 在第二个容器前存在注释（这也是为什么此bug也叫做“IE6注释bug”的原因）。

说明：注释造成文字溢出是IE的BUG，注释造成文字溢出与其位置有关，注释造成文字溢出与文字区块的固定宽度有关，溢出文字的字数=注释的条数*2-1，这里的字数在中文或英文数字时都成立。

这是注释bug，经典的iebug。

　　说明：注释造成文字溢出是IE的BUG，注释造成文字溢出与其位置有关，注释造成文字溢出与文字区块的固定宽度有关，溢出文字的字数=注释的条数*2-1，这里的字数在中文或英文数字时都成立。

　　当溢出的文字字数大于文本的字数时，文字区块将会消失。

　　解决方法：

　　1、不放置注释。最简单、最快捷的解决方法，嘿嘿……

　　　另一解决方法是：
　　　将注释
　　　<!--头部文件-->
　　　改写成
　　　<!--[if !IE]>头部文件<![endif]-->
　　　这样的形式。

　　2、注释不要放置于2个浮动的区块之间。

　　3、将文字区块包含在新的<div></div>之间，如：<divstyle="float:right; width:400px"><div>↓这就是多出来的那只猪</div></div>。

　　4、去除文字区块的固定宽度，与3有相似之处。

　　另外一种解决方法：

　　在浮动之后的最后一个DIV后面再多一个DIV,什么属性都不需要加,只要一句clear:both;也可.在需要兼容多种浏览器的情况下,可加上属性font-size:0; height:0; overflow:hidden;如：
　　<div style="clear:both; font-size:0; height:0; overflow:hidden"></div>

作者: 林剑锋 , 分类: 前端设计 , 评论: 0

2011年1月6日

margin-top 无效，避开麻烦的margin叠加(margin collapsing)

问题：

<div id="top" style="height:100px;background-color:#CCC;"></div>
<div id="parent" style="background-color:#F9F; overflow:hidden;">
<div id="child" style="margin-top:10px; background-color:#99F;">想实现效果： Chile 与 parent 间有 10px 间距 <br /> 可 margin-top:10px; 后， 是 parent 与 wrap 间有 10px 间距</div><div></div>
</div>

暂时解決方法：

1、在 parent 窗体中 加入 ： overflow:hidden;

2、在父级内部的添加上、下两个空元素    : 有些教科书上将这种方法称为完美的解决方法。但实际当中我们一般不会使用，因为这种方法不仅要多加两个无意义元素标签，对这两个元素还要特别设置CSS使其高度为0。）

3、給 parent 窗体加 个 border 属性，属性值不能为 none； 0 ；

4、parent 窗体加： float:left; (clear:both;)

以下转自：http://www.cssass.com/blog/?p=164

在斯芬克斯——ie私有属性haslayout这篇文章中，我们提到的第一个斯芬克斯之迷，其实就是一个margin叠加问题。
关于margin collapsing，在W3C中是有明文规范的，符合其规则的都将产生margin collapsing。W3C认为margin叠加后的布局界面更良好。

margin collapsing（css2.1规范）
margin collapsing（css2规范）

margin叠加现象（父子级别）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<head>
<style type="text/css">
*{padding:0;margin:0;}
#wrap{background:#ccc;}
#content{background:#eee;margin:50px 0;}
</style>
</head>
<body>
<div id="wrap">
<div id="content">margin:50px 0;</div>
</div>
</body>
</html>

可以看出wrap未被子层的margin所撑开。

但是，这种margin叠加往往不是我们所想要的效果（一些人甚至将此称为一个bug：margin叠加bug，也有称高度不适应bug的）——平心而论，我们努力的要避开margin collapsing多少也有些违背了W3C的初衷。不过，由于ie下经常有意无意的会触发haslayout，从而会避开margin叠加，这使得浏览器间显示不一。因此，我们还是有理由在适当时候彻底避开margin叠加的。

那么，如何避免这种margin叠加现象呢？

从《斯芬克斯——ie私有属性haslayout》那篇文章中，我们知道，ie下触发haslayout可以避开margin叠加。那么其他浏览器呢？

我们先看一下另两种解决方法。
方法一：在父级内部的添加上、下两个空元素。
有些教科书上将这种方法称为完美的解决方法。但实际当中我们一般不会使用，因为这种方法不仅要多加两个无意义元素标签，对这两个元素还要特别设置CSS使其高度为0。）:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<head>
<style type="text/css">
*{padding:0;margin:0;}
#wrap{background:#ccc;}
#content{background:#eee;margin:50px 0;}
</style>
</head>
<body>
<div id="wrap">
<div>&nbsp;</div>
<div id="content">margin:50px 0;<br />上下各添加一个额外空元素。元素只要不脱离文档流，就能在ie,ff等浏览器下避开margin-top塌陷。如果元素是脱离文档流的，只要是触发了haslayout，在ie下也能避开塌陷。这两个元素一般要设置其高为0,而不让其增加页面的额外高度。</div>
<div>&nbsp;</div>
</div>
</body>
</html>
第二种，在父级上使用border属性（属性值0和none除外）。
这个方法也不大经常使用，因为在wrap上至少要设置一个1px的多余边框（上下两个就是2px）,而且这条边线的颜色的颜色设置也是个问题，因为可能在wrap内部会使用背景图片(background-image),那么这条边线就无法伪装隐藏了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<head>
<style type="text/css">
*{padding:0;margin:0;}
#wrap{background:#ccc;border:1px solid #ccc} /* border的颜色设置同background一样 */
#content{background:#eee;margin:50px 0;}
</style>
</head>
<body>
<div id="wrap">
<div id="content">margin:50px 0;</div>
</div>
</body>
</html>

最后一个方法，就利用到了ie的haslayout原理了（清除浮动也用到了这种方法）。对于ff下，在父级（wrap）上使用overflow:hidden；对于ie则触发其layout——如何触发，可以看这篇文章：on having layout。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<head>
<style type="text/css">
*{padding:0;margin:0;}
#wrap{background:#ccc;overflow:hidden;width:100%}
#content{background:#eee;margin:50px 0;}
</style>
</head>
<body>
<div id="wrap">
<div id="content">margin:50px 0;</div>
</div>
</body>
</html>

（overflow：hidden也会触发ie7中的layout。但是对之前的ie版本无效，否则倒是可以一个属性搞定）。

作者: 林剑锋 , 分类: 前端设计 , 评论: 0

2010年12月25日

jqModal错误：jqm is not a function

错误：jqm is not a function.

原因：引用了两次jQuery包。

解决方法：去掉一个jQuery包的引用。

感想：这个BUG的逻辑还真难推想出来。前面的做法都是正确的，谁知道在自定义用户控件页面，又引用了一次jQuery包。在原码页面，根本无法发现。好在有firefox，好在有“查看处理后的原代码”。

图库的添加TAG功能恢复正常。这算是圣诞节礼物吗？

作者: 林剑锋 , 分类: 前端设计 , 评论: 1

2010年12月23日

CSS中文字体编码

在CSS中指定中文字体,最稳定的办法是对中文进行编码.css字体名可以使用2种Unicode格式，以“微软雅黑”为例: &#x5FAE;&#x8F6F;&#x96C5;&#x9ED1; 和 \5FAE\8F6F\96C5\9ED1，另外注意：繁体中文字体名，在简体中文系统中是不能被识别的。

这里有一个表格,列出了常用字体的中英文级编码,需要时可以拿来用.

作者: 林剑锋 , 分类: 前端设计 , 评论: 0

2010年10月26日

火狐在win7下和windows xp下，对CSS解析的不一致

在做公司网站的导航的时候，碰到了这个问题。windows xp下面的火狐和win7下面的火狐显示出来的版面不一致！win7下面，容器overflow了。找到下面这篇资料。这也暴露出一个设计上的问题：控制显示效果，除非异常巧妙和灵活，否则不能把设计付托给自适应的宽度和高度。通常为了达到精确的一致，只能做成固定像素的大小。这样，才能确保万无一失。

CSS中,FireFox火狐对Arial字体的英文字母"特别照顾" 总是会放大,而在IE和Chrome下却不会放大.
这些都是在win7系统才能看到.如果你不打算兼容win7用户,那么本篇文章可以忽略.
我怀疑Win7和WinXP中自带的Arial字体是不是不一样,分别查看版本,5.06和3.00.
于是在Win7中,我往一张图片PS了几个字母,保存,然后发到WinXP系统中,PS了同样的字母,发现大小是完全相同的.那就不是字体问题了.
得出一个结论,FireFox在Win7中对Arial字体特别有爱.

当你在win7下,用火狐看到某个容器中的行尾有几个中文字换行时,而在IE和Chrome中不换行,请不要奇怪.
很可能是你用了Arial字体,并且那个句子中带有英文字母.难道win7中自带的Arial字体和WinXP的不一样???

解决办法?唯有把容器设宽一点,或者放弃使用Arial字体.

来源：http://hi.baidu.com/boden/blog/item/10f18e38e7b7a9fd3a87ce8d.html

作者: 林剑锋 , 分类: 前端设计 , 评论: 0

2010年9月22日

根据用户群定制网页界面实例之——老年人的网址导航

老年人常用网址：

http://www.laonian99.com/123/index.htm

我还不算老年人，看了也挺喜欢。哈哈。

作者: 林剑锋 , 分类: 前端设计 , 评论: 0

2010年9月4日

960栅格系统辅助PSD文件

一直在找这个东西。今天用对了关键词，终于找到了。960栅格系统网站。下载960栅格系统辅助设计模板文件。其中的PSD文件就是我们网站设计经常要用到的了。

作者: 林剑锋 , 分类: 前端设计 , 评论: 0

2010年7月16日

Photoshop字体库中英文对照表

当确实字体时，Photoshop会提示丢失字体，但是提示的字体名称是一串英文字符，即使字体的名称是中文的也是一样。这给我们的带来了困难，很难找到对应的字体来安装。今天要用字体了，所以就收集了下 供大家参考 希望对大家有帮助！
(简体部分)
中文字体名 英文字体名 文件名 PS name 汉字数  
方正报宋简体 FZBaoSong-Z04S FZBSJW FZBSJW—GB1-0 7156  
方正粗圆简体 FZCuYuan-M03S FZY4JW  FZY4JW—GB1-0 7156  
方正大标宋简体 FZDaBiaoSong-B06S  FZDBSJW  FZDBSJW—GB1-0 7156  
方正大黑简体 FZDaHei-B02S  FZDHTJW   FZDHTJW—GB1-0 7156  
方正仿宋简体 FZFangSong-Z02S FZFSJW   FZFSJW—GB1-0 7156  
方正黑体简体 FZHei-B01S FZHTJW   FZHTJW—GB1-0 7156  
方正琥珀简体 FZHuPo-M04S FZHPJW   FZHPJW—GB1-0 7156  
方正楷体简体 FZKai-Z03S FZKTJW  FZKTJW—GB1-0 7156  
方正隶变简体 FZLiBian-S02S FZLBJW   FZLBJW—GB1-0 7156  
方正隶书简体 FZLiShu-S01S FZLSJW   FZLSJW—GB1-0 7156  
方正美黑简体 FZMeiHei-M07S FZMHJW   FZMHJW—GB1-0 7156  
方正书宋简体 FZShuSong-Z01S FZSSJW FZSSJW—GB1-0 7156  
方正舒体简体 FZShuTi-S05S FZSTJW FZSTJW—GB1-0 7152  
方正水柱简体 FZShuiZhu-M08S FZSZJW  FZSZJW—GB1-0 7156  
方正宋黑简体 FZSongHei-B07S FZSHJW   FZSHJW—GB1-0 7156  
方正宋三简体 FZSong III-Z05S FZS3JW FZS3JW—GB1-0 7156  
方正魏碑简体 FZWeiBei-S03S FZWBJW   FZWBJW—GB1-0 7156  
方正细等线简体 FZXiDengXian-Z06S FZXDXJW FZXDXJW—GB1-0 7156  
方正细黑一简体 FZXiHei I-Z08S FZXH1JW   FZXH1JW—GB1-0 7156  
方正细圆简体 FZXiYuan-M01S FZY1JW FZY1JW—GB1-0 7156  
方正小标宋简体 FZXiaoBiaoSong-B05S FZXBSJW  FZXBSJW—GB1-0 7156  
方正行楷简体 FZXingKai-S04S FZXKJW FZXKJW—GB1-0 7156  
方正姚体简体 FZYaoTi-M06S FZYTJW  FZYTJW—GB1-0 7156  
方正中等线简体 FZZhongDengXian-Z07S FZZDXJW FZZDXJW—GB1-0 7156  
方正准圆简体 FZZhunYuan-M02S FZY3JW FZY3JW—GB1-0 7156  
方正综艺简体 FZZongYi-M05S FZZYJW FZZYJW—GB1-0 7156  
方正彩云简体 FZCaiYun-M09S FZCYJW FZCYJW—GB1-0 7156  
方正隶二简体 FZLiShu II-S06S FZL2JW FZL2JW—GB1-0 7156  
方正康体简体 FZKangTi-S07S FZKANGJW FZKANGJW—GB1-0 7156  
方正超粗黑简体 FZChaoCuHei-M10S FZCCHJW FZCCHJW—GB1-0 7156  
方正新报宋简体 FZNew BaoSong-Z12S FZNBSJW FZNBSJW—GB109 7156  
方正新舒体简体 FZNew ShuTi-S08S FZNSTJW FZNSTJW—GB1-0 7156  
方正黄草简体 FZHuangCao-S09S FZHCJW FZHCJW—GB1-0 6763  
方正少儿简体 FZShaoEr-M11S FZSEJW FZSEJW—GB1-0 7156  
方正稚艺简体 FZZhiYi-M12S FZZHYJW FZZHYJW—GB1-0 7156  
方正细珊瑚简体 FZXiShanHu-M13S FZXSHJW FZXSHJW—GB1-0 7156  
方正粗宋简体 FZCuSong-B09S FZCSJW FZCSJW—GB1-0 7156  
方正平和简体 FZPingHe-S11S FZPHTJW FZPHTJW—GB1-0 7156  
方正华隶简体 FZHuaLi-M14S FZHLJW FZHLJW—GB1-0 7156  
方正瘦金书简体 FZShouJinShu-S10S FZSJSJW FZSJSJW—GB1-0 7156  
方正细倩简体 FZXiQian-M15S FZXQJW FZXQJW—GB1-0 7156  
方正中倩简体 FZZhongQian-M16S FZZQJW FZZQJW—GB1-0 7156  
方正粗倩简体 FZCuQian-M17S FZCQJW FZCQJW—GB1-0 7156  
方正胖娃简体 FZPangWa-M18S FZPWJW FZPWJW—GB1-0 7156  
方正宋一简体 FZSongYi-Z13S FZSYJW FZSYJW—GB1-0 7156 

(繁体部分)
中文字体名 英文字体名 文件名 PS name 汉字数  
方正报宋繁体 FZBaoSong-Z04T FZXLFW FZXLFW—GB1-0 6866  
方正彩云繁体 FZCaiYun-M09T FZCYFW  FZCYFW—GB1-0 6866  
方正超粗黑繁体 FZChaoCuHei-M10T FZCCHFW FZCCHFW—GB1-0 6866  
方正粗黑繁体 FZCuHei-B03T FZH4FW FZH4FW—GB1-0 6866  
方正粗圆繁体 FZCuYuan-M03T FZY4FW FZY4FW—GB1-0 6866  
方正大标宋繁体 FZDaBiaoSong-B06T FZDBSFW FZDBSFW—GB1-0 6866  
方正仿宋繁体 FZFangSong-Z02T FZFSFW FZFSFW—GB1-0 6866  
方正黑体繁体 FZHei-B01T FZHTFW FZHTFW—GB1-0 6866  
方正琥珀繁体 FZHuPo-M04T FZHPFW FZHPFW—GB1-0 6866  
方正楷体繁体 FZKai-Z03T FZKTFW FZKTFW—GB1-0 6866  
方正隶变繁体 FZLiBian-S02T FZLBFW FZLBFW—GB1-0 6866  
方正平黑繁体 FZPingHei-B04T FZPHFW FZPHFW—GB1-0 6866  
方正书宋繁体 FZShuSong-Z01T FZSSFW FZSSFW—GB1-0 6866  
方正舒体繁体 FZShuTi-S05T FZSTFW FZSTFW—GB1-0 6866  
方正魏碑繁体 FZWeiBei-S03T FZWBFW FZWBFW—GB1-0 6866  
方正细黑一繁体 FZXiHei I-Z08T FZXH1FW FZXH1FW—GB1-0 6866  
方正细圆繁体 FZXiYuan-M01T FZY1FW FZY1FW—GB1-0 6866  
方正小标宋繁体 FZXiaoBiaoSong-B05T FZXBSFW FZXBSFW—GB1-0 6866  
方正新书宋繁体 FZNew ShuSong-Z10T FZXSSFW FZXSSFW—GB1-0 6866  
方正新秀丽繁体 FZNew XiuLi-Z11T FZXXLFW  FZXXLFW—GB1-0 6866  
方正行楷繁体 FZXingKai-S04T FZXKFW   FZXKFW—GB1-0 6866  
方正幼线繁体 FZYouXian-Z09T FZYXFW FZYXFW—GB1-0 6866  
方正中楷繁体 FZZhongKai-B08T FZZKFW FZZKFW—GB1-0 6866  
方正准圆繁体 FZZhunYuan-M02T FZY3FW FZY3FW—GB1-0 6866  
方正综艺繁体 FZZongYi-M05T FZZYFW FZZYFW—GB1-0 6866  
方正隶二繁体 FZLiShu II-S06T FZL2FW FZL2FW—GB1-0 6866  
方正新舒体繁体 FZNew ShuTi-S08T FZNSTFW FZNSTFW—GB1-0 6866  
方正康体繁体 FZKangTi-S07T FZKANGFW FZKANGFW—GB1-0 6866  
方正水柱繁体 FZShuiZhu-M08T FZSZFW FZSZFW—GB1-0 6866  
方正姚体繁体 FZYaoTi-M06T FZYTFW FZYTFW—GB1-0 6866  
方正瘦金书繁体 FZShouJinShu-S10T FZSJSFW FZSJSFW—GB1-0 6866  
方正少儿繁体 FZShaoEr-M11T FZSEFW FZSEFW—GB1-0 6866  
方正稚艺繁体 FZZhiYi-M12T FZZHYFW FZZHYFW—GB1-0 6866  
方正细珊瑚繁体 FZXiShanHu-M13T FZXSHFW FZXSHFW—GB1-0 6866  
方正粗宋繁体 FZCuSong-B09T FZCSFW FZCSFW—GB1-0 6866  
方正平和繁体 FZPingHe-S11T FZPHTFW FZPHTFW—GB1-0 6866  
方正华隶繁体 FZHuaLi-M14T FZHLFW FZHLFW—GB1-0 6866  
方正中等线繁体 FZZhongDengXian-Z07T FZZDXFW FZZDXFW—GB1-0 6866  
方正细倩繁体 FZXiQian-M15T FZXQFW FZXQFW—GB1-0 6866  
方正中倩繁体 FZZhongQian-M16T FZZQFW FZZQFW—GB1-0 6866  
方正粗倩繁体 FZCuQian-M17T FZCQFW FZCQFW—GB1-0 6866  
方正胖娃繁体 FZPangWa-M18T FZPWFW FZPWFW—GB1-0 6866  
方正宋一繁体 FZSongYi-Z13T FZSYFW FZSYFW—GB1-0 6866

增加字体清单

序号  字体中文名  字数  国  标  编  码  西文名 中文名  PSName FileName  
1 方正卡通简体  7156 FZKaTong-M19S 方正卡通简体  FZKATJW--GB1-0 FZKATJW  
2 方正卡通繁体  6866 FZKaTong-M19T 方正卡通繁体  FZKATFW--GB1-0 FZKATFW  
3 方正艺黑简体  7156 FZYiHei-M20S 方正艺黑简体  FZYHJW--GB1-0 FZYHJW  
4 方正艺黑繁体  6866 FZYiHei-M20T 方正艺黑繁体  FZYHFW--GB1-0 FZYHFW  
5 方正水黑简体  7156 FZShuiHei-M21S 方正水黑简体  FZSHHJW--GB1-0 FZSHHJW  
6 方正水黑繁体  6866 FZShuiHei-M21T 方正水黑繁体  FZSHHFW--GB1-0 FZSHHFW  
7 方正古隶简体  7156 FZGuLi-S12S 方正古隶简体  FZGLJW--GB1-0 FZGLJW  
8 方正古隶繁体  6866 FZGuLi-S12T 方正古隶繁体  FZGLFW--GB1-0 FZGLFW  
9 方正小篆体 6866 FZXiaoZhuanTi-S13T 方正小篆体 FZXZTFW--GB1-0 FZXZTFW  
10 方正幼线简体  7156 FZYouXian-Z09S 方正幼线简体  FZYXJW--GB1-0 FZYXJW  
11 方正启体简体  7156 FZQiTi-S14S 方正启体简体  FZQTJW--GB1-0 FZQTJW  
12 方正启体繁体  6866 FZQiTi-S14T 方正启体繁体  FZQTFW--GB1-0 FZQTFW  
13 方正硬笔楷书简体 7156 FZYingBiKaiShu-S15S 方正硬笔楷书简体 FZYBKSJW--GB1-0 FZYBKSJW  
14 方正硬笔楷书繁体 6866 FZYingBiKaiShu-S15T 方正硬笔楷书繁体 FZYBKSFW--GB1-0 FZYBKSFW  
15 方正毡笔黑简体  7156 FZZhanBiHei-M22S 方正毡笔黑简体  FZZBHJW--GB1-0 FZZBHJW  
16 方正毡笔黑繁体  6866 FZZhanBiHei-M22T 方正毡笔黑繁体  FZZBHFW--GB1-0 FZZBHFW  
17 方正硬笔行书简体 7156 FZYingBiXingShu-S16S 方正硬笔行书简体 FZYBXSJW--GB1-0 FZYBXSJW  
18 方正硬笔行书繁体 6866 FZYingBiXingShu-S16T 方正硬笔行书繁体 FZYBXSFW--GB1-0 FZYBXSFW

新增字体清单

中文名 西文名 PS Name 文件名 字数  
方正剪纸简体 FZJianZhi-M23S FZJZJW—GB1-0 FZJZJW 7156  
方正剪纸繁体 FZJianZhi-M23T FZJZFW—GB1-0 FZJZFW 6866  
方正胖头鱼简体 FZPangTouYu-M24S FZPTYJW—GB1-0 FZPTYJW 7156  
方正铁筋隶书简体 FZTieJinLiShu-Z14S FZTJLSJW—GB1-0 FZTJLSJW 7156  
方正铁筋隶书繁体 FZTieJinLiShu-Z14T FZTJLSFW—GB1-0 FZTJLSFW 6866  
方正北魏楷书简体 FZBeiWeiKaiShu-Z15S FZBWKSJW—GB1-0 FZBWKSJW 7156  
方正北魏楷书繁体 FZBeiWeiKaiShu-Z15T FZBWKSFW—GB1-0 FZBWKSFW 6866  
方正祥隶简体 FZXiangLi-S17S FZXIANGLJW—GB1-0 FZXIANGLJW 7156  
方正祥隶繁体 FZXiangLi-S17T FZXIANGLFW—GB1-0 FZXIANGLFW 6866  
方正粗活意简体 FZCuHuoYi-M25S FZCHYJW—GB1-0 FZCHYJW 7156  
方正粗活意繁体 FZCuHuoYi-M25T FZCHYFW—GB1-0 FZCHYFW 6866  
方正流行体简体 FZLiuXingTi-M26S FZLXTJW—GB1-0 FZLXTJW 7156  
方正流行体繁体 FZLiuXingTi-M26T FZLXTFW—GB1-0 FZLXTFW 6866  
方正宋黑繁体 FZSongHei-B07T FZSHFW—GB1-0 FZSHFW 6866  
方正大黑繁体 FZDaHei-B02T FZDHTFW—GB1-0 FZDHTFW 6866  
方正隶书繁体 FZLiShu-S01T FZLSFW—GB1-0 FZLSFW 6866

汉仪字库中英文对照表 
汉仪超粗宋简=HYA0GJ 
汉仪超粗宋繁=HYA0GF 
汉仪书宋一简=HYA1GJ 
汉仪书宋一繁=HYA1GF 
汉仪报宋简=HYA2GJ 
汉仪报宋繁=HYA2GF 
汉仪中宋简=HYA3GJ 
汉仪中宋繁=HYA3GF 
汉仪大宋简=HYA4GJ 
汉仪大宋繁=HYA4GF 
汉仪长宋简=HYA5GJ 
汉仪长宋繁=HYA5GF 
汉仪书宋二简=HYA6GJ 
汉仪书宋二繁=HYA6GF 
汉仪字典宋简=HYA7GJ 
汉仪字典宋繁=HYA7GF 
汉仪粗宋简=HYA9GJ 
汉仪粗宋繁=HYA9GF 
汉仪超粗黑简=HYB0GJ 
汉仪超粗黑繁=HYB0GF 
汉仪中黑简=HYB1GJ 
汉仪中黑繁=HYB1GF 
汉仪大黑简=HYB2GJ 
汉仪大黑繁=HYB2GF 
汉仪长美黑简=HYB3GJ 
汉仪长美黑繁=HYB3GF 
汉仪方叠体简=HYB4GJ 
汉仪方叠体繁=HYB4GF 
汉仪醒示体简=HYB5GJ 
汉仪醒示体繁=HYB5GF 
汉仪长艺体简=HYB6GJ 
汉仪长艺体繁=HYB6GF 
汉仪双线体简=HYB7GJ 
汉仪双线体繁=HYB7GF 
汉仪圆叠体简=HYB8GJ 
汉仪圆叠体繁=HYB8GF 
汉仪粗黑简=HYB9GJ 
汉仪粗黑繁=HYB9GF 
汉仪楷体简=HYC1GJ 
汉仪楷体繁=HYC1GF 
汉仪中楷简=HYC3GJ 
汉仪仿宋简=HYD1GJ 
汉仪仿宋繁=HYD1GF 
汉仪粗仿宋简=HYD4GJ 


汉仪细圆简=HYE1GJ 
汉仪细圆繁=HYE1GF 
汉仪细中圆简=HYE2GJ 
汉仪细中圆繁=HYE2GF 
汉仪中圆简=HYE3GJ 
汉仪中圆繁=HYE3GF 
汉仪粗圆简=HYE4GJ 
汉仪粗圆繁=HYE4GF 
汉仪超粗圆简=HYE0GJ 
汉仪大隶书简=HYF1GJ 
汉仪大隶书繁=HYF1GF 
汉仪小隶书简=HYF2GJ 
汉仪小隶书繁=HYF2GF 
汉仪中隶书简=HYF3GJ 
汉仪中隶书繁=HYF3GF 
汉仪方隶简=HYF0GJ 
汉仪特细等线简=HYG6GJ 
汉仪细等线简=HYG1GJ 
汉仪细等线繁=HYG1GF 
汉仪中等线简=HYG2GJ 
汉仪中等线繁=HYG2GF 
汉仪魏碑简=HYH1GJ 
汉仪魏碑繁=HYH1GF 
汉仪书魂体简=HYH3GJ 
汉仪南宫体简=HYH4GJ 
汉仪行楷简=HYI1GJ 
汉仪行楷繁=HYI1GF 
汉仪细行楷简=HYI2GJ 
汉仪瘦金书简=HYI3GJ 
汉仪瘦金书繁=HYI3GF 
汉仪综艺体简=HYK1GJ 
汉仪综艺体繁=HYK1GF 
汉仪菱心体简=HYK2GJ 
汉仪彩云体简=HYL1GJ 
汉仪彩云体繁=HYL1GF 
汉仪咪咪体简=HYM1GJ 
汉仪咪咪体繁=HYM1GF 
汉仪黑咪体简=HYM2GJ 
汉仪黑咪体繁=HYM2GF 
汉仪舒同体简=HYN1GJ 
汉仪舒同体繁=HYN1GF 
汉仪琥珀体简=HYO1GJ 
汉仪琥珀体繁=HYO1GF 


汉仪水滴体简=HYP1GJ 
汉仪水滴体繁=HYP1GF 
汉仪竹节体简=HYQ1GJ 
汉仪竹节体繁=HYQ1GF 
汉仪火柴体简=HYQ2GJ 
汉仪凌波体简=HYR1GJ 
汉仪凌波体繁=HYR1GF 
汉仪漫步体简=HYR2GJ 
汉仪漫步体繁=HYR2GF 
汉仪颜楷繁=HYX4GF 
汉仪秀英体简=HYY1GJ 
汉仪秀英体繁=HYY1GF 
汉仪雁翎体简=HYF4GJ 
汉仪橄榄体简=HYX1GJ 
汉仪橄榄体繁=HYX1GF 
汉仪陈频破体简=HYF5GJ 
汉仪花蝶体简=HYF9GJ 
汉仪丫丫体简=HYG3GJ 
汉仪清韵体简=HYG4GJ 
汉仪雪君体简=HYI4GJ 
汉仪雪君体繁=HYI4GF 
汉仪娃娃篆简=HYJ2GJ 
汉仪篆书繁=HYJ1GF 
汉仪粗篆繁=HYJ3GF 
汉仪神工体简=HYH2GJ 
汉仪柏青体简=HYJ4GJ 
汉仪柏青体繁=HYJ4GF 
汉仪海韵体简=HYK3GJ 
汉仪彩蝶体简=HYK5GJ 
汉仪哈哈体简=HYM4GJ 
汉仪白棋体简=HYM5GJ 
汉仪黑棋体简=HYM6GJ 
汉仪水波体简=HYM7GJ 
汉仪蝶语体简=HYN3GJ 
汉仪太极体简=HYO3GJ 
汉仪黛玉体简=HYR3GJ 
汉仪立黑简=HYT4GJ 
汉仪萝卜体简=HYY2GJ 
汉仪嘟嘟体简=HYY4GJ 
汉仪家书简=HYD2GJ 
汉仪家书繁=HYD2GF 
汉仪雪峰体简=HYO2GJ 
汉仪雪峰体繁=HYO2GF 

29000 文鼎粗钢笔行楷 PensinkaiEG-Bold-GB GPSK00B
29001 文鼎中钢笔行楷 PensinkaiEG-Medium-GB GPSK00M
29002 文鼎细钢笔行楷 PensinkaiEG-Light-GB GPSK00L
29003 文鼎中特广告体 Pop3EG-Extra-GB GPOP03E
29004 文鼎誰的字体 SheideEG-Medium-GB GSHE00M
29005 文鼎习字体 YankaigungEG-Ultra-GB GYKG00U
29006 文鼎香肠体 ShiangchangEG-Bold-GB GSHC00B
29007 文鼎石头体 StoneEG-Extra-GB GSTO00E
29008 文鼎行楷碑体 SingkaibeiEG-Bold-GB GSKB00B
29009 文鼎潇洒体 ShiansaEG-Medium-GB GSHS00M
29010 文鼎花瓣体 HuabanEG-Ultra-GB GHUB00U
29011 文鼎霹雳体 PiliEG-Ultra-GB GPIL00U
29012 文鼎妞妞体 NiuniuEG-Bold-GB GNIU00B
29013 文鼎荆棘体 JingjiEG-Medium-GB GJIJ00M
29014 文鼎胡子体 HutzEG-Extra-GB GHUT00E
29015 文鼎竹子体 JutzEG-Medium-GB GJUT00M
29016 文鼎贱狗体 JiangouEG-Bold-GB GJIA00B
29017 文鼎彈簧体 TanhuangEG-Bold-GB GTAN00B
29018 文鼎齿轮体 ChrluenEG-Medium-GB GCHR00M
29019 文鼎圆立体 YuanliEG-Bold-GB GYUL00B
29020 文鼎淹水体 YanshueiEG-Extra-GB GYAN00E
29021 文鼎雕刻体 DiaukeEG-Bold-GB GDIK00B
29022 文鼎火柴体 HuochaiEG-Bold-GB GHUO00B
29023 文鼎水管体 ShueiguanEG-Bold-GB GSHG00B
29024 文鼎ＰＯＰ－４ Pop4EG-Bold-GB GPOP05B
29025 文鼎荊棘体繁 JingjiEG-Medium-T-GB TJIJ00M
29026 文鼎贱狗体繁 JiangouEG-Bold-T-GB TJIA00B
29027 文鼎齒轮体繁 ChrluenEG-Medium-T-GB TCHR00M
29028 文鼎雕刻体繁 DiaukeEG-Bold-T-GB TDIK00B
29029 文鼎誰的字体繁 SheideEG-Medium-T-GB TSHE00M

原文地址：http://blog.ucgm8.com/article/26.htm

作者: 林剑锋 , 分类: 前端设计 , 评论: 0

2010年6月30日

CSS元素，非块级标签不能包含块级标签：a和img怎么办？

当非块级标签包含了块级标签时，在符合web标准的浏览器中，可能会发生一些令人不愉快的bug。

比如说，经常使用的a标签和img标签。

a是非块级的，img是块级的，这个大家没有异议吧？像下面这段代码：

    	<a href="/">
        	<img src="images/top-banner.jpg" alt="" />
        </a>

在把a声明为display:block之前，在其与下面的元素之间，会出现一条大约5像素的空白。即使你清除了所有元素的margin和padding甚至border都无法消除这条空白。

唯一的解决办法，就是把a声明为display:block 

 

作者: 林剑锋 , 分类: 前端设计 , 评论: 0
Page 1 of 2 1 2 » Last »

公告栏

  • 姓名：林剑锋（不见不散）
  • 来自：中国-广州
  • 简介：潮汕人，出生于广东揭西。醉心于Web开发8年，挑战了一年整体策划和网站运营。目前就职于平成混媒IT部。
  • Email/QQ:admin@ljf.cn

QQ群：设计学院 68075618，网站设计师 9908776

统计

文章:335篇
评论:163条 (2条Spam)
相册:1个 (120张图片)
主题:Nagrand新主题

www.ljf.cn网站PR查询