Blog

曾经每当看到有些网站使用了一些漂亮的字体，但却找不到相关的字体，无奈只能截个图，放在Photoshop里，一个一个字体匹配，最终都找到相应的字体，只能感叹别人网页做的好看，许多网页设计者说。 引用漂亮的字体以不是什么难事了，最近由于浏览了许多网站，查看了很多资料，无意中看到了一篇what font文章，它介绍了关于怎么可以很快的知道对方网站在用了什么字体，最后我小试了一下，发现效果不错，现拿出来与大家分享一下。 好了，就不多在这扯淡了，看图说话。 1.在浏览器地址栏内输入https://chengyinliu.com/whatfont.html这个网址，打开后将看到 2.将whatFont拖到标签栏里 3.打开需要访问的网站（例如:www.ccjk.com） 具体操作如图： 操作很容易吧，呵呵，就是这么容易。 希望通过此方法让我们不在为查寻字体而苦恼。

清除浮动一个凡是做页面的人都会遇到的一个东西，但是是否大家都能够清楚的知道，全方位的了解呢？于是一闲下来了马上写了这样的一篇文章，不能讲面面俱到，然而基本能将我所知道的倾囊相授了。 我们粗略的一起来看看清除浮动的办法一共有多少个(IE里面用zoom:1就不写了，下一个专题再写)。对应的DEMO 1.采用伪类:after进行后续空制的高度位零的伪类层清除 2.采用CSS overflow:auto的方式撑高 3.采用CSS overflow:hidden的方式产生怪异适应 4.采用display:table将对象变成table形式 5.采用div标签，以及css的clear属性 6.采用br标签，以及css的clear属性 7.采用br标签，以及其自身HTML的clear属性 粗略的看，他们都能将问题解决；然而他们另外一方面又有着各自的利弊。（一一对应） 1. 优点结构语义化完全正确，不会产生其余的怪异问题。 缺点复用方式不当容易造成代码量急剧增大。 建议最外层轻浮动时使用，或清晰模块化复用方式的人使用。 2. 优点结构语义化完全正确，代码量极少。 缺点多个嵌套后，点击最外层的轻浮动框会遭成最外层至最内层内容全选（FF）；或者在mouseover造成宽度改变时会出现最外层模块有滚动条（IE）。 建议内个模块使用，请勿嵌套。 3. 优点结构语义化完全正确，代码量极少。 缺点内容增多时候极易不会自动换行而内容被隐藏掉。 建议宽度固定时使用，请勿嵌套。 4. 优点结构语义化完全正确，代码量极少。 缺点盒模型属性已经改变，可想而知奇异事件自然多得你数都数不到。 建议如果你不想改Bug改死你的话，最好不要使用；不过可以作为alpha版本当中临时性的忽悠下测试。 5. 优点代码量极少，复用性极高。…

1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否书写正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。 CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。 3. 用删除法确定错误发生的位置 如果错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定 错误发生的位置。 4. 利用border属性确定出错元素的布局特性 使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界，错误原因即水 落石出。 5. float元素的父元素不能指定clear属性 MacIE下如果对float的元素的父元素使用clear属性，周围的float元素布局就会混乱。这是MacIE 的著名的bug，倘若不知道就会走弯路。 6. float元素务必指定width属性 很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何，一定要为 其指定width属性。 另外指定元素时尽量使用em而不是px做单位。 7. float元素不能指定margin和padding等属性 IE在显示指定了margin和padding的float元素时有bug。因此不要对float元素指定margin和…