js小练习之选项卡

1、鼠标移上去,出现一提示框。
2、简易选项卡。

于是有以下故事:
想了想,于是开动之,
结构:

继续阅读

发表在 javascript | 标签为 | 一条评论

在IE上用firebug

很懒,很懒。懒得去写什么blog。不知道写啥。所以随便写点东东吧。。。

在很久很久以前,鼓捣页面的时候。都喜欢在FF用firebug来调试。

但是遇到蛋疼的IE或者其他浏览器。就有些杯具了。

当然IE也有那自带的。不过你用不习惯。或者不喜欢。

那也可以在IE上用firebug。在这里FireBug可以去那里了解

嗯。接下来言归正传。

继续阅读

发表在 css | 标签为 , | 留下评论

float居中之秘笈


最近在项目中,有遇到这样的问题。平时我们写内容居中的时候一般都使用text-align:center;属性,
但当我们将内元素使用了浮动。text-align就会失效。折腾之,于是有了此秘笈。

继续阅读

发表在 wordpress | 一条评论

多出来的一只“猪”

今天“伟锅”在弄页面的时候重现了一经典问题,多出来了一只“猪”。
一听我咋就懵了。这问题只有IE6才会出现的bug。而且嘛,一般还不容易出现。
发现某个 li 的最后一个字又在下一行出现了,但代码中并没有多出一个字。
在IE7和火狐里面文字都是正常的`但是在IE6里面的文字的最后一个字多出来在下一行`
这个是IE6的一个BUG(话说,这是一很经典,历史久远的bug了。OUT的我,居然从没遇到过。)

继续阅读

发表在 css | 留下评论

关于浮动的一点小意外

在鼓捣一个页面之时,突然发现一件很恶心的问题。如下图效果: 继续阅读

发表在 css | 一条评论

(转)八种创建等高列布局

高 度相等列在Web页面设计中永远是一个网页设计师的需求。如果所有列都有相同的背景色,高度相等还是不相等都无关紧要,因为你只要在这些列的父元素中设置 一个背景色就可以了。但是,如果一个或多个列需要单独设置自己的背景色,那么它的视觉完整性的设计就显得非常重要了。大家都知道当初Table实现等高列 布局是多么的简单,但是我们使用CSS来创建等高列布局并非是那么容易的事情。

如果一个设计是固定宽度(非流体的宽度设计),那么实现多列等高效果是相当的容易。最好的技术就是使用Dan CederholmFaux Columns技 术。只要制作一张合适的背景图片,在你多列的父元素中进行垂直铺放,从而达到一种假像(假的多列等高布局效果)。但是在流体布局中要用CSS实现多列等高 的设计那就不是那么容易的事情,因为我们没有办法在使用背景图片来实现多列等高的假像了,那么是不是就没有办法实现了呢?那当然不是那么回事了,不管是实 现固定布局还是流体布局的等多列等高视觉效果,方法还是蛮多的,这些方法体现了CSS的不同技术,也各有千秋,下面我们就一起来探讨Web页面中的多列等 高的实现技术。 继续阅读

发表在 转载 | 留下评论

(转)CSS布局——左定宽度右自适应宽度并且等高布局

今天有位朋友一早从妙味课堂转来一个有关于CSS布局的面试题,需要解决,花了点时间写了几个DEMO,放上来与大家分享受。那么我们在看DEMO之前一起先来看看这个面试题的具体要求吧:

  1. 左侧固定宽,右侧自适应屏幕宽;
  2. 左右两列,等高布局;
  3. 左右两列要求有最小高度,例如:200px;(当内容超出200时,会自动以等高的方式增高)
  4. 要求不用JS或CSS行为实现; 继续阅读
发表在 转载 | 留下评论

(转)CSS——Bootstrap From Twitter

Bootstrap这个东东不好直译,如果直译过来就是“引导”,这里暂且不译,直呼其名“Bootstrap”。Bootstrap是来自国外有名的一个社交网站Twitter。我也是最近得到的资源,公司要求培训这方面的东西,所以今天整理出一份贴上来与大家一起分享Twitter网前端攻城师们给我们事来的成果。

Mark Otto(马克奥托)是 这样说的“我们很高兴宣布,Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你 的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。”下面我们就一起来分享这个Bootstrap。 继续阅读

发表在 转载 | 留下评论

(转)CSS布局——960gs

说起CSS的布局,有太多了,现在常见的有固定布局流体布局弹性布局,有关于这三种常见的布局,在《Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?》一文中做出了详细的对比介绍,而且Matthew James Taylor也给我们制作了很多个这方面的实例,大家还可以看看Float-less CSS layout带来的这三个类型的布局效果。随着CSS3Media Queries出现,给我们的布局带来一种全新的体验——适应于多媒价的布局响应继续阅读

发表在 转载 | 留下评论

(转)让代码飞一会儿:快速编写 HTML 和 CSS 的工具和技术

你曾经考虑过想要加快 HTML 和 CSS 编码速度吗?不管你是否想过,都来看看这篇文章吧,你会从中学到很多东西。我们要讨论的不是 CSS 网格框架,也不是 CSS Reset。在这篇文章中,我们关注的是不同寻常的编码方式——CSS 编译器以及 HTML 缩写编码技术。借助这些优秀的工具和技术,能够大大的减少开发时间,加快开发进度。 继续阅读

发表在 转载 | 标签为 , , , | 留下评论