• 用CSS实现表格背景颜色渐变效果

    怎么样用CSS实现表格背景颜色的渐变效果呢,请看下面的例子: styletd{text-align:center;color:white;font-family:宋体;font-size:14px;}table{table-layout:fixed;border:1 dashed blue;width:567;height:234;filter:progid:DXImageTransform.Microsoft.gradient(sta...

    2008-02-23 08:34:24

  • pt、px、DPI: 关于长度单位的误解

    在印刷排版中,“point”是一个绝对的单位,它等于 1/72 英寸,可以用尺子丈量的,物理的英寸。但在 CSS 中 pt 的含义却非如此,例如我们指定一个字体是 9pt,我们会以为按照 CSS 规范,它等于: 9 * 1/72 = 1/8 inch 这是一个误解,因为我们的显示器被分割为了一个个的...

    2008-02-23 08:34:22

  • 对display:inline;与float:left;的认识

    这样的题目显得有点可笑,但是鉴于很多网友在标准学习的过程中常被这样的问题所困扰( 例一 、 例二 ),所以特此专文澄清两者之间的区别与特性。 首先我们要明确,display:inline;与float:left;正确含义。display:inline;(内联)《CSS权威指南》中文字显示:任何不是块级...

    2008-02-23 08:34:24

  • 推荐几组漂亮的按纽CSS(名字自己定义)

    大家可以自己去定义名字,然后调用,代码如下: { BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#f...

    2008-02-23 08:34:23

  • 认识CSS中absolute与relative

    很多朋友问过我absolute与relative怎么区分,怎么用?我们都知道absolute是绝对定位,relative是相对定位,但是这个绝对与相对是什么意思呢?绝对是什么地方的绝对,相对又是相对于什么地方而言的呢?那他们又有什么样的特性,可以做出什么样的效果呢?关于两者之间又...

    2008-02-23 08:34:21

  • 避免表格被撑开变形 用CSS实现的方法

    如何避免表格因为图片尺寸或者过长的英文字符而变形撑开,在CSS加入以下代码就可以防止,同时英文单词也会按单词断行,不是按字母这个。我想说的是这个在CSS2.0是不支持的,但是能解决一些实际问题。 页面设计不是为了标准检验而设计,还是以用户使用为主,在目前有些W...

    2008-02-23 08:34:19

  • CSS HTML实例:超酷的竖排导航栏

    div id="navcontainer" ul id="navlist" li id="active"a href="#" id="current"Item one/a ul id="subnavlist" li id="subactive"a href="#" id="subcurrent"Subitem one/a/li lia href="#"Subitem two/a/li lia href="#"Subitem three/a/li lia href="#"Subitem four/...

    2008-02-23 08:34:19

  • CSS代码实例:非常酷的角BANNER

    Top Right Banner Style #topright { position: absolute; right: 0; top: 0; display: block; height: 125px; width: 125px; background: url(TRbanner.gif) no-repeat; text-indent: -999em; text-decoration: none;} Top Left Banner Style #topleft { position: ab...

    2008-02-23 08:34:18

  • 透明的(transparence)CSS菜单

    这是个透明的CSS菜单,兼容性:IE5.5 、Opera、Frefox、Netscape。 CSS代码: body{ font: 80% Arial,sans-serif; background: #666; } #nav{ width: 170px; background: url(navbg.gif) bottom; list-style-type: none; margin: 0; padding: 0; } #nav a{ display: bloc...

    2008-02-23 08:34:18

  • CSS兼容要点分析

    IE vs FF CSS 兼容要点: DOCTYPE 影响 CSS 处理 FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 FF: 设置 padding 后, div 会增加 height...

    2008-02-23 08:34:17

2