• 无内容div占据空间的触发条件和解决方法

    当在div标签内无任何内容时: div/div 如果给div元素b设置了宽度b时,比如width:100%,此时div在IE中(IE6,IE7)将占据物理空间,而在FF中不占据物理空间(正确理解)。为了表述直观,将样式直接写在元素标签内: div style="width:100%"/div 此时在IE中到底是什么在影...

    2008-02-23 08:46:21

  • 运用 CSS 的 absolute 与 relative 制作的提示

    实现 ToolTips 的方法有很多,大多数用 JS,下面是用纯 CSS 制作的,定位上运用了 absolute 与 relative。 详细代码: pText/p pa class="tooltips" href="#" LinkspanToolTips/span/a/p pText/p style type="text/css" .tooltips{ position:relative; z-index:1; text...

    2008-02-23 08:46:18

  • 标准与习惯:在解决ul居中问题时想到的

    最近在做网站的时候碰到了一个问题:我用 ul 标签和 li 标签构建的导航栏想要在不确定 li 数量和 li, ul 宽度的情况下居中,但是给 ul 使用了 text-align:center 之后却没有起到应有的效果。 原来的页面结构是: div id="menu" ul class="menu_ul" li class="menu_li"a...

    2008-02-23 08:46:14

  • CSS样式表技巧总结

    一、关于注释 在创建xhtml CSS网站时,CSS中的注释非常重要。在创建CSS样式时,应当保持随手注释的习惯。一般的,我习惯于使用“/* 注释内容 */”的格式来写注释,因为在EditPlus等具有高亮功能的编辑器里,使用C语言中常用的“/***************/”之类的注释是无意义...

    2008-02-23 08:46:13

  • CSS的margin边界叠加深度剖析

    边界叠加是一个相当简单的概念。但是,在实践中对网页进行布局时,它会造成许多混淆。简单地说,当两个垂直边界相遇时,它们将形成一个边界。这个边界的高度等于两个发生叠加的边界的高度中的较大者。 当一个元素出现在另一个元素上面时,第一个元素的底边界与第二个元...

    2008-02-23 08:46:12

  • 网页制作学习CSS2的单位

    尺寸 单位 描述 % 百分比 in 英寸 cm 厘米 mm 毫米 em 1em等于当前的字体尺寸。2em等于当前字体尺寸的两倍。例如,如果某元素以12pt显示,那么2em是24pt。在CSS中,em是非常有用的单位,因为它可以自动适应用户所使用的字体。 ex 一个ex既是一个字体的x-height。 (x-he...

    2008-02-23 08:46:09

  • 网页制作:同一个页面用多个id有什么影响

    在样式表定义一个样式的时候,可以定义id也可以定义class,例如: ID方法:#test{color:#333333},在页面中调用div id="test"内容div CLASS方法:.test{color:#333333},在页面中调用div class="test"内容div id一个页面只可以使用一次,class可以多次引用。 有网友问...

    2008-02-23 08:46:07

  • 用CSS样式实现书写文章标题省略号的代码

    效果如下: 源代码: !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" html head meta http-equiv="Content-Type" content="text/html; charset=utf-8" titlecss写省略号方法/title style /* CSS DEMO */ * { margin: 0; pa...

    2008-02-23 08:46:08

  • CSS 中的行为 —— expression

    最近对CSS中的行为比较感兴趣,虽然是不符合标准的也只有ie才能识别,但是他确实给css的功能扩展了不少。下面是摘自互联网上的文字和例子,因为都被转烂了,没法注明出处。 IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javascript表达式关联起来,这里的...

    2008-02-23 08:46:07

  • 简单了解学习CSS的伪类

    和一般的CSS语法不同,CSS伪类的语法有两种。 第一种: selector:pseudo-class {property: value} 也可以用HTML的class属性来设定伪类。 例句: a:link {color:red} 第二种: selector.class:pseudo-class {property: value} 伪类是最常用的伪类。 例句: a.c1:link {c...

    2008-02-23 08:46:02

2