搜索列表
-
CSS的margin边界叠加深度剖析图文演示
【CSS/HTML】边界叠加是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地说，当两个垂直边界相遇时，它们将形成一个边界。这个边界的高度等于两个发生叠加的边界的高度中的较大者。 当一个元素出现在另一个元素上面时，第一个元素的底边界与第二个元素的顶边界发生叠加，见图： 元素的顶边界与前面元素的底...
CSS的margin边界叠加深度剖析图文演示 -
CSS网页布局入门教程8：三列浮动中间列宽度自适应
【CSS/HTML】使用浮动定位方式，从一列到多列的固定宽度及自适应，基本上可以简单完成，包括三列的固定宽度。而在这里给我们提出了一个新的要求，希望有一个三列式布局，基中左栏要求固定宽度，并居左显示，右栏要求固定宽度并居右显示，而中间栏需要在左栏和右栏的中间，根据左右栏的间距变化自动适应。这给布局提出了一个新的要求，而且单...
CSS网页布局入门教程8：三列浮动中间列宽度自适应 -
非常不错的关于IE与FireFox的js和css几处不同点[转自星火燎原]
【CSS/HTML】在蓝色上看到这篇文章的，感觉作者总结的不错，至少有些偶自己也没有真正的认识过。这些 东西的确是应该好好总结一下的，可惜偶这人比较懒，收藏整理于此，便于自己学习！ 1.firefox不能对innerText支持。 firefox支持innerHTML但却不支持innerText，它支持textContent来实现innerText，不过默认把多余的空格也保...
非常不错的关于IE与FireFox的js和css几处不同点[转自星火燎原] -
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的支持区别 -
HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解
【CSS/HTML】scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetP...
HTML:scrollLeftscrollWidthclientWidthoffsetWidth完全详解 -
css实现兼容各个浏览器的技巧的代码
【CSS/HTML】在编写css样式表的时候常常会碰到一写浏览器兼容的问题，象是不同内核的浏览器显示就不一定相同，不同版本的的浏览器也会产生上下兼容的问题，如何解决这些问题成了我们苦恼的问题，如果你对css hack技术很了解的话，那这就是太简单不过了，不过对于那些不怎么解的人来说可真成了他们所苦恼的事。在这就从 赵磊官方...
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的歌词同步，所用到的代码 -
应用WEB标准实例：列表页面的制作
【CSS/HTML】实例效果图： 整体观察思考： 在开始制作页面前，我们首先要观察图的结构，考虑怎样布局，布局对一个网站来说非常重要，他是整个体系的骨骼。 再看此图 很经典的三行两列结构，分为四块，TOP、RIGHT、LEFT、BOTTOM。如下图 以上我们思考过整体的结构,接下来我们要考虑如何把思考出来的结构变化...
应用WEB标准实例：列表页面的制作 -
推荐三种简洁的Tab导航（网页选项卡）简析
【CSS/HTML】在网页中应用选项卡可以使网页显得更紧凑，结合AJAX技术可以使页面在有限的空间内展现更多的内容。本文主要介绍几种简洁的选项卡效果的实现（不涉及滑动门和AJAX），附有实例，无图片，兼容性较好，方便大家直接使用。 第一种形式: 通过更换显示样式实现，这种很常见，就不多说了。复制代码 代码如下:<div&n...
推荐三种简洁的Tab导航（网页选项卡）简析 -
css——之三行三列等高布局图文教程
【CSS/HTML】http://www.alistapart.com/articles/holygrail这个翻译的页面版权归greengnn所有，转载请注明出处第一步：创建一个结构xhtml开始于header, footer, and container <div id="header"></div><div id="container"></div><div id="footer"></div> CSS先定义container，给...
css——之三行三列等高布局图文教程 -
用<TABLE>语句来实现圆角表格可以省去制作圆角图片之苦！
【CSS/HTML】语句： <DIV align=center> <TABLE style="TABLE-LAYOUT: fixed" height=28 cellSpacing=0 cellPadding=0 width="100%"> <TBODY> <TR height=1> <TD width=1></TD><TD...
用<TABLE>语句来实现圆角表格可以省去制作圆角图片之苦！ -
JS正则表达式详解[收藏]
【正则表达式】JS的正则表达式 //校验是否全由数字组成 function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return false return true } //校验登录名...
JS正则表达式详解[收藏]
