随笔分类 -  DIV+CSS 页面开发

DIV+CSS 页面开发技术相关文章
静态页调用静态页方法谈论
摘要:在网站构建过中。当我们遇到很多的内容为静态页面,而页首与页脚又经常要更换时,如果一直使用html文件总会有很多的麻烦。因为批量修改起来很不方面,所以我们总希望能将页脚与页尾include到html文件中来。html属于客户端解析形的格式化语言,自4.0后几乎很难再有大的变动(毕竟很多浏览器只按4.0标准来解析),所以至今也没include这样的概念。而html的框架(frame与iframe)虽然... 阅读全文
posted @ 2009-12-10 16:24 yhb199 阅读(704) 评论(0) 推荐(0)
IE下不能显示png格式图片问题办法
摘要:9:47:38说起这个问题就有点郁闷,这个问题为什么就不能在系统升级时候直接解决掉呢,看来一家独大的局面确实不是一个好事情啊,这即充分说明这一点,任何地方还是需要引入竞争机制啊!啰嗦2句,切入正题,解决问题吧为什么不能上传包呢?本来有一个包,直接下载就可以了。把以下代码复制,保存为.reg,双击,执行就可以了Windows Registry Editor Version 5.00[HKEY_CLA... 阅读全文
posted @ 2009-04-09 09:52 yhb199 阅读(416) 评论(0) 推荐(0)
浏览器返回错误汇总分析
摘要:错误代码:400 400错误是由于不正确的请求造成的,说明正在搜索的网页可能已经删除、更名或暂时不可用。 错误代码:401.1 401.1错误是由于登陆失败造成的,说明没有权限查看该目录或网页。 错误代码:401.2 401.2错误是由于服务器配置问题而导致登陆失败,由于服务器端脚本未能正确发送 WWW 身份验证头文件字段。如果要通过 Active Server Pages 脚本完成此项任务,可以... 阅读全文
posted @ 2009-04-02 16:07 yhb199 阅读(870) 评论(0) 推荐(0)
大集合【CSS兼容IE6,IE7,FF的技巧 + 其他页面技巧】[转]
摘要:CSS兼容IE6,IE7,FF的技巧 一、CSS HACK 以下两种方法几乎能解决现今所有HACK.翻阅很多资料,已测试可以使用。 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) PLAIN TEXT CSS: #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签. PLAIN TEXT 阅读全文
posted @ 2009-03-26 11:14 yhb199 阅读(381) 评论(0) 推荐(0)
搞怪的腾讯QQ页面重构的招聘试题(提供解答方法)
摘要:其中一个试题: 将下图形重构,要求在页面上水平垂直居中!分别用2个DIV,3个DIV,5个DIV实现! 这是个正的十字架,宽是50px;长是150px 等什么,玩玩吧? 2个DIV实现方法:[代码] 3个DIV实现方法:[代码]好久不搞了,又想起了从前,一天到晚搞这个,有意思! 阅读全文
posted @ 2009-03-03 16:07 yhb199 阅读(459) 评论(1) 推荐(0)
一个很经典的下拉式菜单(附效果)
摘要: 核心函数代码: 阅读全文
posted @ 2009-02-17 17:28 yhb199 阅读(753) 评论(0) 推荐(0)
每一个关注可用性的web设计者都应该看一看
摘要:技术性 1. 你使用W3C 标记验证服务来验证你的(X)HTML 吗? 2. 你使用W3C CSS验证服务来验证你的CSS 吗? 3. 你使用IE,FF,Opera 和Safan 检查你的站点吗? 阅读全文
posted @ 2008-10-15 10:55 yhb199 阅读(423) 评论(2) 推荐(0)
我对图形变换滤镜的收集(CSS渐变滤镜大全)(转)
摘要: 23.随机变换效果 type="progid:DXImageTransform.Microsoft.RevealTrans(enabled=ture,transition=23)" 0.方形逐渐变小 type="progid:DXImageTransform.Microsoft.Iris(irisstyle=square,motion=in)" 交叉形逐渐变大 type="progid:DXImageTransform.Microsoft.Iris(irisstyle=cross,motion=out)" 菱形逐渐变小 type="progid:DXImageTransform.Microsoft.Iris(irisstyle=diamond,motion=in)" 阅读全文
posted @ 2008-07-16 09:30 yhb199 阅读(360) 评论(0) 推荐(0)
【【META http-equiv="Content-Type" Content="text/html; Charset=*】】意义详解
摘要:META,网页Html语言里Head区重要标签之一 HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP- EQUIV类型有: 阅读全文
posted @ 2008-07-16 09:05 yhb199 阅读(1615) 评论(0) 推荐(0)
javascript小技巧&&JavaScript[对象.属性]集锦
摘要:事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 阅读全文
posted @ 2008-07-11 11:53 yhb199 阅读(262) 评论(0) 推荐(0)
XSL
摘要:之于 XML ,就像 CSS 之于 HTML。它是指可扩展样式表语言 (EXtensible Stylesheet Language)。这是一种用于以可读格式呈现 XML 数据的语言。XSL 实际上包含两个部分: * XSLT – 用于转换 XML 文档的语言 * XPath – 用于在 XML 文档中导航的语言 阅读全文
posted @ 2008-07-04 09:59 yhb199 阅读(248) 评论(0) 推荐(0)
div+css布局漫谈
摘要:1.CSS布局常用的方法: float : none | left | right 取值: none :  默认值。对象不飘浮 left :  文本流向对象的右边 right :  文本流向对象的左边 它是怎样工作的,看个一行两列的例子 阅读全文
posted @ 2008-07-04 09:57 yhb199 阅读(479) 评论(0) 推荐(0)
CSS:网页的背景色颜色效果---------渐变
摘要:左到右过渡; .hbar {FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr='#25323A',endColorStr='#6E706D');} 阅读全文
posted @ 2008-07-04 09:56 yhb199 阅读(918) 评论(0) 推荐(1)
css实现强制不换行/自动换行/强制换行
摘要:强制不换行 div{ white-space:nowrap; } 阅读全文
posted @ 2008-07-04 09:55 yhb199 阅读(236) 评论(0) 推荐(0)
收集的几个loading图片
摘要: 阅读全文
posted @ 2008-07-04 09:54 yhb199 阅读(828) 评论(0) 推荐(0)
利用CSS使Div水平垂直居中
摘要:通常在制作网站首页时需要使页面内容在水平和垂直方向上都居中。 表格布局时代常用的方法是内容之前添加换行。 实际上通过CSS有更方便的办法。 阅读全文
posted @ 2008-07-04 09:53 yhb199 阅读(464) 评论(0) 推荐(0)
新手入门:XHTML DHTML SHTML的区别
摘要: XHTML DHTML SHTML,学习网站制作会经常看到这三种名词,又很少有文章将其做很详细的解释,在这篇文章里为大家进行一下整理了解一下其区别。 阅读全文
posted @ 2008-07-04 09:51 yhb199 阅读(214) 评论(0) 推荐(0)
二十个CSS经典技巧
摘要:CSS字体属性简写规则 一般用CSS设定字体属性是这样做的: font-weight: bold; font-style: italic; font-varient: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif 但也可以把它们全部写到一行上去: font: bold italic small-caps 1em/1.5em verdana,sans-serif 阅读全文
posted @ 2008-07-04 09:46 yhb199 阅读(184) 评论(0) 推荐(0)
设计中最常用的五类CSS选择器
摘要:  一些新手朋友对选择器一知半解,不知道在什么情况下运用什么样的选择器,这是一个比较头疼的问题,针对新手朋友,对CSS选择器作一些简单的说明,希望能对大家的学习工作有一定的帮助。   准确而简洁的运用CSS选择器会达到非常好的效果。我们不必通篇给每一个元素定义类(class)或ID,通过合适的组织,可以用最简单的方法实现同样的效果。在实际工作中,最常用的选择器有以下五类: 阅读全文
posted @ 2008-07-04 09:43 yhb199 阅读(186) 评论(0) 推荐(0)