itRef.cn技术参考网站

当前位置: 主页 > CSS >
  • [CSS] 简单选项卡Tab的CSS实现 日期:2010-07-13 20:34:00 点击:233 好评:4

    描述: 在页面重构的过程中,有时候我们需要实现一个简单的选项卡Tab,不使用背景图片,纯html CSS实现。以下实例是一个简易的标签选项卡实例。 实例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml...

  • [CSS] 五线四格的CSS实现 日期:2010-07-10 00:34:00 点击:205 好评:0

    场景: 制作的五线四格,需要符合:鼠标移到每一个格子,格子的边框颜色改变 解决的办法: 设置每个格子的四条边框,使用margin-top:-1隐藏一条边框,当鼠标悬浮于格子上时,提升层的z-index。 实例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitio...

  • [CSS] 一行四个浮动容器随父容器适应的实例 日期:2010-07-09 23:36:00 点击:249 好评:0

    应用场景: 父容器中有多个子容器,子容器是浮动的,子容器宽度是百分比设定,每行显示的数目为4,而父容器的宽度是确切的绝对值。 我们可能认为把子容器的样式设置为width:25%;float:left;就可以满足要求,但当父容器的宽度不是4的倍数时,在IE6、IE7浏览器...

  • [CSS] @font-face详解 日期:2010-07-08 10:45:00 点击:715 好评:0

    @font-face 是CSS中的一个功能,它允许在网页中显示指定的字体,即使用户的电脑中没有安装该字体。这就意味着设计师和开发人员可以不用考虑web安全字体,如预装在用户电脑中的,Arial、Time New Roman、Verdana 和 Trebuchet等字体。 @font-face的好处: 当...

  • [CSS] 半角空格宽度的兼容性 日期:2010-07-07 15:42:00 点击:326 好评:0

    问题描述: 网页的空格宽度在IE中存在几种不一致的情况:(IE6、IE7、IE8) 1. 在默认情况下,半角字符后的空格与汉字后的空格宽度不一样 2. 即使设置字体为宋体,它们的宽度也仍不一样 而在FF中,默认和设置统一字体情况下,宽度都分别一致。 解决方法: 最...

  • [CSS] 空格等宽度的3种解决方法 日期:2010-07-07 15:28:00 点击:642 好评:0

    问题描述: 在制作网页的过程中,当我们用空格来排版时,我们发现空格的宽度不一致,这给我们造成了一定的麻烦。 解决的方法: 1. 使用nbsp;结合font-family:'宋体'来排版,使用该方法时2个nbsp;等于一个汉字的宽度 2. 使用全角的空格,一个全角的空格等于一...

  • [CSS] 窗口关闭按钮的CSS实现方法 日期:2010-07-06 17:09:00 点击:506 好评:-2

    网页页面窗口中的关闭按钮,如果对于美观没有多大要求的话,不一定非得使用图片,也可以使用html代码 CSS来实现。 实例中就是使用字母X作为关闭按钮的文字。 实例: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd...

  • [CSS] Table单元格td的position:relative的兼容性 日期:2010-07-06 16:08:00 点击:1711 好评:2

    问题描述: 默认情况下,table的单元格td的display为table-cell,在IE给td设置position:relative,然后给它包含的一个容器使用position:absolute进行定位是有效的,但在FF下却不可以。 发生条件: 1. IE和FF浏览器 2. 使用td默认样式,设置td的position:rela...

  • [CSS] 标签与文本框垂直对齐 日期:2010-07-05 20:43:00 点击:355 好评:-2

    问题描述: 当文本框标签文字与文本框同在一行时,如果设置了标签和文本框内的字体为:Tahoma,且字体大小一样,当文本框有和没有文字时,会导致标签出现上下移动,表现很像行高不一样。 发生条件: 1. 标签与文本框在同一行 2.标签与文本框字体Tahoma,字体...

  • [CSS] 三级导航菜单[实例] 日期:2010-06-30 16:32:00 点击:399 好评:2

    三级导航菜单的实现 因为IE6不支持li元素的:hover伪类,所以当浏览器为IE6时使用JS实现,其它支持li元素的:hover伪类,则使用CSS实现。 注意: 在实例中,如果不设置background-color的话,在IE6下会导致二级菜单无法正常弹出三级菜单 实例: !DOCTYPE html...

栏目列表
推荐内容