• Web Developer插件 Information工具教程

    2012-07-15
    Web Developer插件的Information工具是一个包罗很多实用功能的地方,有些东西对于我们CSS网页布局设计显得非常有用。Information工具提供的功能非常多,我们仅挑一些CSS网页布局设计中常用的功能加以介绍。该工具菜单如下图: 1、Display Blocks Size 显示块元素对象的
  • DIV CSS布局中如何组织样式表以便于维护

    2012-07-15
    对于简单的Web站点,可以只使用一个CSS文件。对于大型的复杂站点,对样式表进行分割以便简化维护是一种好做法。如何分割样式表是需要仔细考虑的。我一般用一个CSS文件处理基本布局,用另一个文件处理版式和设计修饰。这样的话,在布局确定之后,就很少需要修改布局样式
  • CSS三列浮动中间列宽度自适应

    2012-07-01
    使用浮动定位方式,从一列到多列的固定宽度及自适应,基本上可以简单完成,包括三列的固定宽度。而在这里给我们提出了一个新的要求,希望有一个三列式布局,其中左栏要求固定宽度,并居左显示,右栏要求固定宽度并居右显示,而中间栏需要在左栏和右栏的中间,根据左右
  • CSS带当前标识的标签式横向导航

    2012-07-01
    当前标识指用户点击该频道或栏目,该栏目的标签呈现出与其他标签不同的颜色用以提示用户所处的位置。 这种设计是网站设计中相当简单而且是相当经典的一种增进网站可用性的方式。网站让用户使用时是应该考虑到用户浏览的思考过程,糟糕的网页设计只顾及页面本身而不去考
  • DIVCSS二列固定宽度

    2012-07-01
    有了一列固定宽度作为基础,二列固定宽度就非常简单,我们知道div用于对某一个区域的标识,而二列的布局,自然需要用到两个div,XHTML代码如下: div id=left左列/div div id=right右列/div 新的代码结构中使用了两个id,分别为left和right,表示两个div的名称,我们所
  • IE6下两个层中间有间隙的解决方法

    2012-07-01
    本文来源与模板无忧_www.mb5u.com span!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd meta http-equiv=Content-Type content=text/html; charset=gb2312 / style type=text/css !-- .left { float:left;
  • firefox下父容器高度不能自适应的解决方法

    2012-07-01
    本文来源与模板无忧_www.mb5u.com !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/xhtml xml:lang=zh lang=zh head profile=http://www.w3.org/2000/08/w3c-synd/# met
  • FF下面不能水平居中的原因及解决方法

    2012-07-01
    本文来源与模板无忧_www.mb5u.com !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/xhtml xml:lang=zh lang=zh head profile=http://www.w3.org/2000/08/w3c-synd/# met
  • FF下文本无法撑开容器的高度的原因及解决方法

    2012-07-01
    本文来源与模板无忧_www.mb5u.com !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/xhtml xml:lang=zh lang=zh head profile=http://www.w3.org/2000/08/w3c-synd/# met
  • visibility:hidden和display:none的区别和用法

    2012-07-01
    大家知道,如果想让某一段代码在前台不显示,最简单的方法是用css的display:none即可,这样下边的内容就自动上移或右侧的左移来填补这个空隙。 但特殊情况下我们只需要隐藏这个元素,但它的位置不能被占了,那该怎么实现呢。 突然发现css还有一个visibility属性,用 vi
  • float和position属性的区别和使用方法

    2012-06-30
    float和position属性的区别和使用方法?今天找了篇文章,讲的比较通俗易懂,供大家参考 postion:relative是子块级元素面向父级元素的相对定位,定位关键字使用left/right/top/bottom。兄弟块元素之间相对进行定位,但是position移动后,原位置依然保留。而且随后的兄弟
  • IE6图片下方空隙的产生原因及解决方法

    2012-06-30
    本文来源与模板无忧_www.mb5u.com !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/xhtml xml:lang=zh lang=zh head profile=http://www.w3.org/2000/08/w3c-synd/# met
  • CSS纵向导航菜单

    2012-06-30
    CSS纵向导航菜单纵向导航菜单也是网站应用中的一种重要形式,所谓纵向导航菜单是指放置在网页左侧或右侧的从上至下排列的一种导航形式。先看一下效果吧! 如图所示的效果,我们先看一下代码结构: div id=nav h1CSS/h1 h2a href=#css入门/a/h2 h2a href=#css进阶/a/h2
  • 如何垂直居中对齐文本与输入框

    2012-06-30
    本文来源与模板无忧_www.mb5u.com !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/xhtml xml:lang=zh lang=zh head profile=http://www.w3.org/2000/08/w3c-synd/# met
  • list-style-image无法准确定位的问题

    2012-06-28
    本文来源与模板无忧_www.mb5u.com !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/xhtml xml:lang=zh lang=zh head profile=http://www.w3.org/2000/08/w3c-synd/# met
  • 为什么无法定义高度为1px左右的容器

    2012-06-28
    本文来源与模板无忧_www.mb5u.com !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/xhtml xml:lang=zh lang=zh head profile=http://www.w3.org/2000/08/w3c-synd/# met
  • CSS入门教程:纵向下拉及多级弹出式菜单

    2012-06-28
    学完了上节教程,我想对于这于这节的学习就容易得多了。 横向菜单是通过div及JavaSprict实现下拉控制,纵向菜单呢?答案是肯定的。我们现在要做的就是一个纵向菜单,css代码: ul { margin:0; padding:0; list-style:none; width:120px; border-bottom:1px solid #ccc;
  • DIVCSS中id于class的区别详解

    2012-06-28
    本文来源与模板无忧_www.mb5u.com !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/xhtml xml:lang=zh lang=zh head profile=http://www.w3.org/2000/08/w3c-synd/# met
  • DIVCSS垂直居中文本实例代码

    2012-06-28
    本文来源与模板无忧_www.mb5u.com !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/xhtml xml:lang=zh lang=zh head profile=http://www.w3.org/2000/08/w3c-synd/# met
  • DIV高度自适应的实例代码!

    2012-06-21
    问题:一个DIV的最小高度是400PX,当内容高度不足400PX时,其高度设置为400PX, 当内容高度大于400PX, 则按实际高度伸展。 IE6和FIREFOX都要有效! 答案: .a{height:400px;height:auto;min-height:400px;width:500px;} 本文来源与模板无忧_www.mb5u.com !DOCTYPE html PUB
共18页/351条记录首页上页1234567下页末页