5JUN's Blog

　　在网上看到这篇文章，介绍五个CSS样式清理工具，原作者地址未知，整理了一下收藏：

　　在我们写css样式的时候，页面经历几个版本的修改之后，可能有些样式已经用不到了，或许将某些样式更名了而原来的忘了删除，总之页面中可能存在着一些无用的样式。这些无用的浪费了一些服务器空间和带宽消耗，也会增大我们的维护成本。那么有没有一些办法来清理那些无用的样式呢？今天就让我们来了解一下几个比较有用的工具。

　　Dust-Me selectors

　　Dust-Me是一个很有用也很好用的Firefox插件，它可以分析到你的页面中调用的所有CSS文件并分析那些在页面中没有被用到。

　　安装：http://addons.mozilla.org/zh-CN/firefox/addon/5392。同时，你可以下载该项目的源代码，了解更多请访问Dust-Me selector官方页面。

阅读全文...

1、在xhtml中标记名称必须小写。
2、在xhtml中属性名称必须小写。
3、在xhtml中标记必须严格嵌套。
4、在xhtml中标记必须封闭。
5、在xhtml中即使是空元素的标记也必须封闭。
6、在xhtml中属性值要使用双引号括起来。
7、在xhtml中属性值必须使用完整形式。
8、在xhtml中应该区分“内容标记”和“结构标记”。

阅读全文...

　　虽然在xhtml+css 时代 table的使用越来越少，但需要布局数据型元素，用table还是很不错的选择。

　　用table制作表格的时候美观也很重要，其中的边框。在HTML中,表格的默认样式大概是这样:

阅读全文...

　　CSS中的行为——e­xpression

　　最近对CSS中的行为比较感兴趣，虽然是不符合标准的也只有ie才能识别，但是他确实给css的功能扩展了不少。下面是摘自互联网上的文字和例子。

　　IE5及其以后版本支持在CSS中使用e­xpression，用来把CSS属性和Javascript表达式关联起来，这里的CSS属性可以是元素 固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式，CSS属性的值等于Javascript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。

　　给元素固有属性赋值
　　下面是定义container容器的宽度，如果<725就为自己的宽度，否则就等于725，相当于max-width:725px;。

<!--
#container { width: e­xpression((documentElement.clientWidth < 725) ? "725px" : "auto" ); }
-->

阅读全文...

　　逛蓝色论坛的时候看到有一贴在讨论类目列表分隔线的写法{如右图}，这种布局看起来应该是很简单的，通常情况下可能会给每一个类目的border-left加1px的边，这样的话开始第一个border-left就会多余，就会在第一个类目加CSS样式去掉就可以搞定。其实有更简单的方法，利用负边距及溢出隐藏原理，可以去参考淘宝的写法。

　　首先以右边的图为例，首先写出html，如下：

<dl>
  <dt>网游花费</dt>
  <dd>
    <a href="#">神鬼传奇</a>
    <a href="#">征途</a>
    <a href="#">Q币</a>
    <a href="#">劲舞</a>
    <a href="#">诛仙</a>
    <a href="#">永恒之路</a>
    <a href="#">天龙</a>
    <a href="#">DNF</a>
    <a href="#">中国移动</a>
    <a href="#">中国电信</a>
    <a href="#">中国联通</a>
  </dd>
</dl>

阅读全文...

　　今天在调整公司网站是发现，在视频播放的页面，分享按钮弹出推荐层会被flash播放器遮挡，给层加上z-index也不起作用，如是去google了一下，找到一些方法：
　　wmode属性：

　　”Window” 在 Web 页上用影片自己的矩形窗口来播放应用程序，并且始终位于最顶层。
　　”Opaque” 显示页面上位于它后面的内容。
　　”Transparent“使 HTML 页的背景可以透过应用程序的所有透明部分显示出来，并且可能会降低动画性能。

　　”Opaque“和”Transparent“都可与 HTML 层交互，从而允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于”Transparent”允许透明，因此，如果 SWF 文件的某一部分是透明的，则 SWF 文件下方的 HTML 层可以透过该部分显示出来，而”opaque”则不会显示。

　　如果忽略此属性，默认值为 Window。仅适用于object。

阅读全文...