1、鼠标移上去,出现一提示框。
2、简易选项卡。
于是有以下故事:
想了想,于是开动之,
结构:
很懒,很懒。懒得去写什么blog。不知道写啥。所以随便写点东东吧。。。
在很久很久以前,鼓捣页面的时候。都喜欢在FF用firebug来调试。
但是遇到蛋疼的IE或者其他浏览器。就有些杯具了。
当然IE也有那自带的。不过你用不习惯。或者不喜欢。
那也可以在IE上用firebug。在这里FireBug可以去那里了解
嗯。接下来言归正传。
今天“伟锅”在弄页面的时候重现了一经典问题,多出来了一只“猪”。
一听我咋就懵了。这问题只有IE6才会出现的bug。而且嘛,一般还不容易出现。
发现某个 li 的最后一个字又在下一行出现了,但代码中并没有多出一个字。
在IE7和火狐里面文字都是正常的`但是在IE6里面的文字的最后一个字多出来在下一行`
这个是IE6的一个BUG(话说,这是一很经典,历史久远的bug了。OUT的我,居然从没遇到过。)
高 度相等列在Web页面设计中永远是一个网页设计师的需求。如果所有列都有相同的背景色,高度相等还是不相等都无关紧要,因为你只要在这些列的父元素中设置 一个背景色就可以了。但是,如果一个或多个列需要单独设置自己的背景色,那么它的视觉完整性的设计就显得非常重要了。大家都知道当初Table实现等高列 布局是多么的简单,但是我们使用CSS来创建等高列布局并非是那么容易的事情。
如果一个设计是固定宽度(非流体的宽度设计),那么实现多列等高效果是相当的容易。最好的技术就是使用Dan Cederholm的Faux Columns技 术。只要制作一张合适的背景图片,在你多列的父元素中进行垂直铺放,从而达到一种假像(假的多列等高布局效果)。但是在流体布局中要用CSS实现多列等高 的设计那就不是那么容易的事情,因为我们没有办法在使用背景图片来实现多列等高的假像了,那么是不是就没有办法实现了呢?那当然不是那么回事了,不管是实 现固定布局还是流体布局的等多列等高视觉效果,方法还是蛮多的,这些方法体现了CSS的不同技术,也各有千秋,下面我们就一起来探讨Web页面中的多列等 高的实现技术。 继续阅读
Bootstrap这个东东不好直译,如果直译过来就是“引导”,这里暂且不译,直呼其名“Bootstrap”。Bootstrap是来自国外有名的一个社交网站Twitter。我也是最近得到的资源,公司要求培训这方面的东西,所以今天整理出一份贴上来与大家一起分享Twitter网前端攻城师们给我们事来的成果。
Mark Otto(马克奥托)是 这样说的“我们很高兴宣布,Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你 的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。”下面我们就一起来分享这个Bootstrap。 继续阅读
说起CSS的布局,有太多了,现在常见的有固定布局、流体布局、弹性布局,有关于这三种常见的布局,Kayla Knight在《Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?》一文中做出了详细的对比介绍,而且Matthew James Taylor也给我们制作了很多个这方面的实例,大家还可以看看Float-less CSS layout带来的这三个类型的布局效果。随着CSS3的Media Queries出现,给我们的布局带来一种全新的体验——适应于多媒价的布局响应。 继续阅读
你曾经考虑过想要加快 HTML 和 CSS 编码速度吗?不管你是否想过,都来看看这篇文章吧,你会从中学到很多东西。我们要讨论的不是 CSS 网格框架,也不是 CSS Reset。在这篇文章中,我们关注的是不同寻常的编码方式——CSS 编译器以及 HTML 缩写编码技术。借助这些优秀的工具和技术,能够大大的减少开发时间,加快开发进度。 继续阅读