搜索列表
-
固定表格的高度超过指定高度就隐藏的方法
【CSS/HTML】经常做网页,可发现原理只用控制<td>的高度,超过了就隐藏是不能用的,应该还有其它的方法,后来发现,原理,只需要在<td>...</td>中加个<div style="height:80px; overflow:hidden"> </div>就可以了,唉
固定表格的高度超过指定高度就隐藏的方法 -
使用text-align:justify实现两端对齐一例
【CSS/HTML】text-align:justify只能对多行中的非最后一行进行两端对齐。对于单行自己没办法,IE有text-justify 可以解决问题,对了非IE的我的方式比较垃圾,因为只在特殊场合下才会用。 Example Source Code [www.52css.com] .justify{ height:1.1em; overflow:hidden; text-align:justify; te...
使用text-align:justify实现两端对齐一例 -
CSS的margin边界叠加深度剖析图文演示
【CSS/HTML】边界叠加是一个相当简单的概念。但是,在实践中对网页进行布局时,它会造成许多混淆。简单地说,当两个垂直边界相遇时,它们将形成一个边界。这个边界的高度等于两个发生叠加的边界的高度中的较大者。 当一个元素出现在另一个元素上面时,第一个元素的底边界与第二个元素的顶边界发生叠加,见图: 元素的顶边界与前面元素的底...
CSS的margin边界叠加深度剖析图文演示 -
CSS标签切换代码实例教程 比较漂亮
【CSS/HTML】我们的设计越来越追求一种简洁的风格,希望在有限的空间内展示更多的内容。与此同时我们发现一些问题,内容的简单排列总使页面很长。滚屏很多才能将显示的内容布局完毕。YAHOO与网易率先应用了标签切换的布局方式,打破了常规布局的局限性,在相同尺寸的区域内,可以放置更多的内容。我们只需要点击不同的选项卡或链接就能...
CSS标签切换代码实例教程比较漂亮 -
无js5款纯div+css制作的弹出菜单标准
【CSS/HTML】一、最基本的:二级dropdown弹出菜单 二级dropdown弹出菜单--A CROSS BROWSER Drop DOWN CASCADING VALIDATING MENU /* common styling */ /* set up the overall width of the menu div, the font and the margins */ .menu { font-family: arial, sans-serif; width:750px; ...
无js5款纯div+css制作的弹出菜单标准 -
XHTML下用dl,dt,dd标签实现翻页的效果代码
【CSS/HTML】今天在标准之类的blog(http://www.aa25.cn)看到"纯CSS代码实现翻页" 的文章 dl { position:absolute; width:389px; height:154px; border:10px solid #eee; } dd { margin:0; width:389px; height:154px; overflow:hidden; } img { border:1px solid black } dt { position:absolute; right:3px; top:50px; } a { di...
XHTML下用dldtdd标签实现翻页的效果代码 -
IE6,IE7和firefox对DIV的支持区别
【CSS/HTML】1 针对firefox ie6 ie7的css样式 现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释,会导致页面没按要求显示!找到一个针对IE7不错的hack方式就是使用“*+html”,现在用IE7浏览一下,应该没有问题了。 现在写一个CSS可以这样: #1 {&n...
IE6,IE7和firefox对DIV的支持区别 -
纯CSS生成抗锯齿圆角的代码
【CSS/HTML】抗锯齿圆角 .antialias-roundedcorners{width:650px;height:76px;padding:5px;background-color:#3847B4;} .spiffy{display:block} .spiffy *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#F1FFDD} .spiffy1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1...
纯CSS生成抗锯齿圆角的代码 -
1ting的歌词同步,所用到的代码
【网页播放器】复制代码 代码如下:<!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"><head>...
1ting的歌词同步,所用到的代码 -
用CSS构建iframe效果代码
【CSS/HTML】iframe应用很普遍,通常的需求有两种: 1,获取iframe效果,就是带一个滚动条,可以省不少版面。 2,要嵌一个页面,实现框架链接。 如果不方便使用iframe,可以有如下解决方案: 第一种需求如果我们使用css布局来实现,即可以少一个页面,也可以提高效率。 第二种需求可以采用xmlhttp远程获取。 A. 直接模拟iframe ...
用CSS构建iframe效果代码 -
用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程!
【CSS/HTML】用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程! 下面代码有点多!但做出来你肯定喜欢! 用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程!我不想废话了,开门见山吧。 先看演示 :http://www.gz7y.com 点精彩推荐即可看见! 如果下面代码你看不懂或者做不出来,明天等待我的视频...
用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程! -
推荐三种简洁的Tab导航(网页选项卡)简析
【CSS/HTML】在网页中应用选项卡可以使网页显得更紧凑,结合AJAX技术可以使页面在有限的空间内展现更多的内容。本文主要介绍几种简洁的选项卡效果的实现(不涉及滑动门和AJAX),附有实例,无图片,兼容性较好,方便大家直接使用。 第一种形式: 通过更换显示样式实现,这种很常见,就不多说了。复制代码 代码如下:<div&n...
推荐三种简洁的Tab导航(网页选项卡)简析