还在用IE6?
为了保证正常观看请您赶紧升级吧.

请点击以下链接进入下载页面
download Firefox   //   download IE7   //   download Safari

There is a small cookie about me!

to view templates

  • Dec 12, 2009

    在给simplify重构一个模板的时候用到了出现一个bug.

    结构:

    <li>
    <div class="cmtBody"></div>
    <div class="menubar"></div>
    </li>

    表现: li{padding-top:22px;}
    .cmtBody{wid...

    Tag：css
    hackermeters23:35
  • Dec 10, 2009

    CSS Clip
    clip属性像是一个遮罩。它允许你在一个矩形内遮罩一个元素内容。要修剪一个元素，你必须指明position为absolute，然后指明top, right, bottom和left相对于元素的值。

    图像修剪实例(demo)

    下面的实例演示了如果使用clip属性遮罩一个图像。首先，指明<div>元素的position:relative。下一步，指明<img>原色的position:abs...

    Tag：css clip
    hackermeters10:33
  • Dec 8, 2009
    Opera只认"微软雅黑",不认"Microsoft YaHei".其它浏览器兼容.

    Tag：
    hackermeters21:12
  • Dec 7, 2009

    FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的

               style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png')"

    语法：
    filter : progid:DXIm...

    Tag：png 透明
    hackermeters21:35
  • Nov 26, 2009

    转自:http://www.caihong.cc/?p=119

    我发现原来做前端真的是需要创意的。前几天看到别人用boeder代替边距做hover效果，这次又看到用这个办法做固定定位的，解开了我一个心结。

    其实很简单，就是我一直都没想到，元素相对HTML绝对定位，然后用BODY做页面容器。

    先看看效果吧呵呵。

     

    <!DOCTYPE html PUBL...

    Tag：
    hackermeters10:46
  • Nov 14, 2009
    版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
    http://ptcss.blogbus.com/logs/39043662.html



    1.DOCTYPE Properly Declared
    别忘记头部的声明.它会告诉浏览器如何渲染你的HTML.

    2.Tidy Head Section
    设置title,字符集.将CSS和JS外链(包括一个打印用的CSS).

    3.B...
    Tag：html css
    hackermeters12:51
  • Nov 13, 2009
    分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义，没有理由使用其他的标记。换句话说，不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素，比如用<div>来代替<p>标记标题。

    首先是关于语义（Semantics）和默认样式的区别，默认样式是浏览器设定的一些常用tag的表现形式，个人认为他的主要目的就是让大家直观的 认识标签(markup)...
    Tag：标签语义化
    hackermeters17:23
  • Nov 13, 2009

    我们都知道line-height是可以继承的，由于这个特性，子元素就可以不用重复定义line-height了。但line-height会给人误解的地方也就是这个继承。

    如果line-height属性值有单位，那么继承的值则是换算后的一个具体的px级别的值；而如果属性值没有单位，则浏览器会直接继承这个“因子 （数值）”，而非计算后的具体值，此时它的line-height会根据本身的font-size值重新计算得到新的line-height 值。 ...

    Tag：
    hackermeters17:12
  • Nov 13, 2009

    请在主流浏览器中打开测试页面，在Fiddler里查看http请求。

    1. 隐藏图片 <img src="1.jpg" style="display: none" />
    测试：test_1.html
    结论：只有Opera不产生请求。
    注意：用visibility: hidden隐藏图片时，在Opera下也会产生请求。

    2. 重复图片 <img src="1.jpg" />...

    Tag：display:none;visibility:hidden;
    hackermeters14:52
  • Nov 4, 2009
    用一行来定义font属性，分别是：font-style font-weight font-size line-height font-family；

    而color设定文字颜色需要单独进行定义。

    Tag：
    hackermeters10:16
  • Nov 4, 2009

    拿着《精通JavaScript+jQuery》（s）这本书，略过里面关于CSS的介绍，看了几天JS（其实，就是几个小时），没多，几十页书，把JavaScript的语法过了一遍。顺便看了DOM。终于对JS有了一些入门的了解。



    对一门新的语言，理所当然的，第一个要知道的就是他的基本规则。就像在法学院上课一样，要读《民法学》这样的课程，第一章通常会是对这门课程基本原则的介绍。而JS，要了解的是JS的语法基础。

    它不同的Ht...

    Tag：
    hackermeters09:37
  • Nov 4, 2009

    简介 这个文档是基于Javascript社区众多开发者的意见和经验，在开发Javascript代码上的最佳实践和首选的方案的明细表。因为这是一个推荐的表而非原则性的方案，经验丰富的开发者可能对下面的表达会有略有不同的见解。



    文章目录：

     

    总是使用 ‘var’ 特性检测而非浏览器检测 使用方括号记法 避免 ‘eval’ ...

    Tag：
    hackermeters09:27
  • Nov 3, 2009



    网页重构工具集。

    昨天做题的时候用到的一些浏览器，

    tt，360，遨游，ie6是同一个内核。

    chrome对position：absolute很诡异。

    Tag：
    hackermeters17:51
  • Nov 3, 2009

    尽管那需要用长串的、沉闷的不同分支代码来应付不同浏览器的日子已经过去，偶尔还是有必要做一些简单的区分和目标检测来确保某块代码能在用户的机器上正常运行。在这篇文章中，作者介绍了7个在IE和Firefox中不同的JavaScript句法。



    1. CSS "float" 值  

    访问一个给定CSS 值的最基本句法是：object.style.property，使用驼峰写法来替换有连接符的值，例如，访问某个I...

    Tag：
    hackermeters08:30
  • Nov 2, 2009
    设置对象透明度

        //ie obj.style.filter='Alpha(Opacity=100)';
        //firefox obj.style.MozOpacity='0.45';
        //opera obj.style.Opacity='0.45';

    读取对象透明度
     &nbs...
    Tag：
    hackermeters14:38
    • 共12页 1 2 3 4 5 6 7 8 9 10 下一页 最后一页