放糖的绿豆汤 http://www.quke.cn/ 记录生活、工作、学习上的点点滴滴...... /rss2/ zh-cn 用display隐藏Tabale的tr行在Firefox中问题的解决办法 在Firefox和Google的浏览器中用display隐藏Table的tr行中无法正常显示的问题,例如:

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
  2. <HTML> 
  3.  <HEAD>
]]>
http://www.quke.cn/log-303.html
CSS颜色代码对照 现在给大家献上颜色对照码:

FFFFFF #DDDDDD #AAAAAA #888888 #666666

]]>
http://www.quke.cn/log-300.html
使用css中的伪类和行为实现兼容各种浏览器的鼠标行为     css中有伪类和行为两种方式来简单方便的实现对象上的鼠标事件,但是不幸的是伪类只对ff系列的浏览器有效,行为只对ie系列的浏览器有效,不多不幸中的万幸是这两种方式虽然不能兼容但同时使用并不排斥,所以经过麻烦一点的设计还是能够实现兼容的css对象上的鼠标事件的。

首先我们看看行为和伪类是如何实现的,行为的实现说明摘自blueidea.com,如下:

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

给元素固有属性赋值

下面是定义container容器的宽度,如果<725就为自己的宽度,否则就等于725,相当于max-width:725px;。

<style type="text/css" media="screen">

]]>
http://www.quke.cn/log-205.html
英文文本的自动换行的处理方式     昨天在我的博客上发布了英文的评论,结果将首页的最新评论框撑大了,导致了页面变形了这个问题是在开发sdblog时没考虑到的。导致这个问题是因为英文文本的自动换行和中文不同,那就看看英文文本该怎么处理。

    首先应该将因为文本分为两种:

  1. 普通文本即单词之间有空格隔离,而且空格在html代码中用真实的空格,而非空格代码“&nbsp;”,如果用了空格代码就和连续英文文本一样了,下来就看看连续英文文本。
  2. 连续英文文本即文本全部由字母,数字和引文标点符号组成的无空格分隔的连续英文字符串。

    我所犯的错误就是因为在普通文本中使用了空格代码而变成了连续英文文本。那就看看两种不同文本的处理方式:

1.对于普通文本处理方式和中文文本一样,会默认自动换行。

2.连续英文文本处理方式因为和文本所处的容器不同(包括div,table)导致处理方式也不同。

对于div容器,例子如下:

1.(IE浏览器)white-space:normal; word-break:

]]>
http://www.quke.cn/log-204.html
CSS技巧补遗二十四则  转自:www.52css.com
在CSS网页布局开发中,会有很多小技巧,新手朋友往往对此很不熟悉。在某一两个小问题上,或许纠缠很长时间才能搞明白,虽然在52CSS.com的文档中,多次提及过这方面的内容,但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧,认真读一读,或许您并不能完全理解,您可以在52CSS.com进行搜索,扩展您所想要得到的知识,相信您会有很多收获!

  一、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。
  二、同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次。对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选择符做的定义有效,是因为id的权重要比class大。
  三、一个兼容性调整(IE和Mozilla)的笨办法:
    初学可能会碰到这样一个情况:同样一个标签的属性在IE设置成A显示是正常的,而在Mozilla里必]]>
http://www.quke.cn/log-192.html
CSS背景透明-支持ie,ff,chrome

 #snake{

  backgournd: #666;

]]>
http://www.quke.cn/log-184.html
CSS无图片实现圆角 原来以为是css有特有的圆角效果,谁知找了些源代码看了看发现是自己拼出来的圆角效果,不过这样也好能适应所有的浏览器,我试了下ie7、8,foxfire,chrome都可以实现。源代码如下:

  1. <html> 
  2. <head> 
  3. <title>css圆角效果</title
]]>
http://www.quke.cn/log-168.html
CSS Framework CSS框架入门教程  近两年来,程序员有一句话很流行,“不要重复制造轮子”,所以出现了许许多多让我们非常受用的各种框架。Framework在开发的各个领域给我们减少了很多工作量。而对于网页设计师来说,一直以来,缺少这样的Framework来帮助设计师们减轻工作量。

今天给大家推荐一些不错的CSS Framework:

]]>
http://www.quke.cn/log-159.html
IE和FF的下宽度与高度的差别

假如设定DIV的宽度如下

div{
    width:200px;
    height:60px;
    border:2px solid #000;
 ]]> http://www.quke.cn/log-37.html