• 用CSS和表格代码实现每行交替颜色的效果比较

    用CSS写出表格每行交替颜色的效果 关于用CSS定义,来表现出表格每行不同的颜色,用来区分每行数据,方便阅读。其中有的是利用IE的BUG,在CSS里面添加动态的内容,IE会解析它,这个先不谈,因为和主题没有关系。 还看到几个很简单的方法,利用给不同的标签不同的背景色...

    2008-02-23 08:40:04

  • 总结网页制作中闭合浮动元素的几个方法

    在页面制作过程当中,我们曾经遇到过这样的问题,当浮动元素高度增加,而超出其父容器时,父容器不会随着它的高度增加而变长。比如 div id="main" div id="box1"box1/div div id="box2"box2/div div class="clean"/div /div 当我们需要这样的效果,闭和浮动元素,通常...

    2008-02-23 08:40:02

  • 实例详解网页制作中CSS元素的定位应用

    1. position:static|无定位 position:static是所有元素定位的默认值, 一般不用注明,除非有需要取消继承的别的定位 example: #div-1 { position:static; } 2. position:relative|相对定位 使用position:relative,就需要top,bottom,left,right4个属性来配合,确定元素...

    2008-02-23 08:40:02

  • CSS控制的内容超过容器宽度后显示省略号

    一般我们看到的比如新闻列表,为了使文字不回行,控制字数,会通过程序让多余的字符显示省略号,我们只使用CSS可以达到同样的效果,虽然不完美。 li { width:50px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; } 首先是一个容器,可以是div,li,td...

    2008-02-23 08:40:01

  • 经验技巧:网页文字在div中垂直居中的问题

    1.单行文字 设置div的高度与文字的行高一样就可以了,即 line-height 和 height 的数值是一样的就可以了,最后给div一个 over-flow: hidden ,让超出的部分隐藏. 这种方法支持块级和内联极元素以及所有的浏览器,不过只能显示一行,而且IE中不支持 img 等的居中,之所以要用...

    2008-02-23 08:39:58

  • IE6浏览器网页文字溢出的解决办法

    div style="width:400px" div style="float:left"/div !-- -- input type="hidden" value="hidden" / div style="display:none;"hidden/div div style="float:left;width:400px"IE6文字溢出的BUG/div /div 今天在看一个项目的测试版的时候,发现了IE6文字溢出的BUG,文...

    2008-02-23 08:39:57

  • 网页字体font-size的控制 em与px的终极PK!

    这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点,看过以后后确实收获很大。平时都是用px来定义字体,所以无法用浏览器字体放大的功能,而国外大多数网站都...

    2008-02-23 08:40:01

  • 用DIV CSS布局网页表单的一个例子

    这是一个例了,不知道有没有更好的解决办法,贴上来,随便看吧! CSS: body{font-size:12px; line-height:1.9; text-align:center;} #info{border:1px solid #006699; background:#F9EBBB; text-align:left; margin:10px auto; width:300px; padding:10px 10px 10px 1...

    2008-02-23 08:39:59

  • 完美网页设计应用:用CSS灵活设置字体

    用DIV CSS来写网站结构也有一段时间,在此过程中发现有时候需要把字体设置成比12px,而比14px小的字体(13px在IE中无法区分出大小来和12px一样)。今天发现用 font-size:small; 可以很好控制好字体的大??首先设置一个基础值在标签中 body{font-size:small;} 以这个字...

    2008-02-23 08:39:55

  • CSS在IE与Firefox下不同的解析及解决方案

    1、IE与Firefox下对CSS解析的区别 对高度的解析 IE:将根据内容的高度变化,包括未定义高度的图片内容,即使定义了高度,当内容超过高度时,将使用实际高度 Firefox:没有定义高度时,如果内容中包括了图片内容,MF的高度解析是根据印刷标准,这样就会造成和实际内容高...

    2008-02-23 08:39:55

2