Archive for February, 2010

让html标签可读性更高

Sunday, February 7th, 2010

我们在编写html代码的时候,有很多朋友都没有很好利用html标签的元素,没有做到让他们各负其责,如果你恰当的使用这些html元素,你会发现你的html可读性很高,也容易去理解你编写代码的思路,对于搜索引擎来说也是一件很好的事情。

分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XH

TML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记。换句话说,不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素,比如用<div>来代替<p>标记标题。 (more…)

一些你未必知道的css技巧

Sunday, February 7th, 2010

整理一些平时在使用css时,所使用的一些技巧和方法:

1.CSS字体属性简写规则

一般用CSS设定字体属性是这样做的:

font-weight:bold;
font-style:italic;
font-varient:small-caps;
font-size:1em;
line-height:1.5em;
font-family:verdana,sans-serif;

但也可以把它们全部写到一行上去:

font: bold italic small-caps 1em/1.5em verdana,sans-serif;

真不错!只有一点要提醒的:这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且,如果你没有设定font-weight, font-style, 以及 font-varient ,他们会使用缺省值,这点要记上。
(more…)

用JS让IE6.0支持png格式的图片

Saturday, February 6th, 2010

PNG图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景,如:在有颜色过度背景上插入不规则边框的图片带来极大很便利!

但目前IE中对于插入的透明背景的.png的图片是不能正常显示的。IE会自动给”.png”格式的图片加个灰色背景。

解决这个的方法是增加javascript。具体方法如下:

把下面的代码放在head区就可以解决问题了。 (more…)

兼容IE和火狐的文本换行的css样式

Saturday, February 6th, 2010

本文列举了兼容 IE 和 FF 的换行 CSS 推荐样式,详细介绍了word-wrap同word-break的区别。

兼容 IE 和 FF 的换行 CSS 推荐样式

最好的方式是
word-wrap:break-word; overflow:hidden;
而不是
word-wrap:break-word; word-break:break-all;
也不是
word-wrap:break-word; overflow:auto;

在 IE 下没有任何问题,在 FF 下,长串英文会被遮住超出的内容。 (more…)

© Copyright 2009 magic Jungle ® Professionally Designed WordPress Themes · All Rights Reserved · BrianEntries (RSS) and · Bopooo