IT码农库

搜索列表

  • 用DIV+CSS如何实现这种表格效果

    【CSS/HTML】表格效果table                     [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]表格效果div+css #div1 { width: 450px; border-top: #000 1px solid; border-left: #000 1px solid; } #div1 ul...

  • 转载:On having layout

    【CSS/HTML】译者注:一篇很好的文章,很久以前在blog上就推荐过,这两天断断续续花了点时间翻译了一下,推荐读读。英文原文在此。   文中所有的 layout 这个单词都未作翻译,一来本身这个单词意思就比较多,翻成啥都觉得别扭,二来它也是专有的属性,所以就意会一下吧。水平有限,很多地方都是模模糊糊地意译,发现错误欢迎留言指出。  ...

  • div+css布局入门

    【CSS/HTML】你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习: 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现...

  • Mozilla建议的CSS书写顺序

    【CSS/HTML】//显示属性 display list-style position float clear //自身属性 width height margin padding border background //文本属性 color font text-decoration text-align vertical-align white-space other text content 

  • 文字或图片元素在DIV中垂直居中

    【CSS/HTML】复制代码 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml"> ...

  • CSS中的滑动门技术

    【CSS/HTML】ISSN: 1534-0295. 20 October 2003 – Issue No. 160 原文作者:Douglas Bowman 原文出自:A List Apart 中文翻译:54player.com nobita 版权说明:本文中文翻译版权归译者54player.com nobita所有。需要转载发表的,请先与作者联系 在CSS中,一个经常被人们讨论的先进之处即背景图像的可层叠性,并允许他们在...

  • CSS中box(盒模式)的分析

    【CSS/HTML】本篇用box的图例,对CSS中box(盒模式)的分析,为学习CSS的读者建立了清楚的模型。 W3C定义的盒模式如下: width和height定义的是Content部分的宽度和高度,padding border margin的宽度依次加在外面。背景会填充padding和content部分。但是由于浏览器设计上的问题,不同浏览器显示效果会有些不同。左右Margin加倍的...

  • CSS2快速参考

    【CSS/HTML】自W3C(The World Wide Web Consortium)制定了代号为Cougar的HTML的4.0版本以来,存在在Web页面中的动态效果首次被正式的承认了,W3C把动态超文本(Dynamic HTML)的实现分为了三个部分:脚本、支持动态效果的浏览器和CSS。前两者也许你经常用到,但CSS是什么或许你...

  • 用!important解决IE和Mozilla的布局差别

    【CSS/HTML】在设计《网页设计师》页面的时候,有一个问题一直困扰着我,主菜单在IE和其他(Mozilla、Opera等)浏览器里显示的效果偏差2px。截图如下: IE中的效果 Mozilla Firefox中的效果 这是因为IE对盒之间距离的解释的bug造成的(参考onestab的" 浮动模型的问题 ")。我一直没有解决这个问题,直到我翻译 " 表格对决CSS--一场生死...

  • 不错的rss看样要学习了

    【XML/RSS】寸为xml查看效果WEB标准网站设计心得 - http://blog.donews.com/dodo/category/24871.aspxzh-CHS.Text Version 1.0.1.0dodo是VQQ,不是QQhttp://blog.donews.com/dodo/archive/2006/08/19/1006903.aspxSat, 19 Aug 2006 12:25:00 GMThttp://blog.donews.com/dodo/archive/2006/08/19/1006903.aspxhttp...

  • 典型的三行二列居中高度自适应布局

    【CSS/HTML】如何使整个页面内容居中,如何使高度适应内容自动伸缩。这是学习CSS布局最常见的问题。下面就给出一个实际的例子,并详细解释。(本文的经验和是蓝色理想论坛xpoint、guoshuang共同讨论得出的。) 首先先按这里看实际运行效果,这个页面在mozilla、opera和IE浏览器中均可以实现居中和高度自适应。我们来分析代码: 完整代码...

  • 闭合浮动元素超级简单的方法

    【CSS/HTML】无意中看到的一个非常不错的小技巧.是关于用CSS处理闭合浮动元素的方法,收藏了.关于闭合浮动元素(clearing float)的方法现在已经很多了,你还不了解的话去old9的blog看看,有一篇闭合浮动元素。这些方法我最喜欢就是 使用:after 伪类动态的嵌入一个用于清除浮动的元素,可惜代码量太大了,看着不够简洁。...