博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

11 2008 档案

认识网页的基本元素

摘要：布局基础理念 网站是否受欢迎固然要看网站的内部结构、前期定位和网站内容，但是网站中的各个网页看起来是否赏心悦目而便于操作，也是非常重要的，这就涉及到了网页的布局设计这个问题。随着Web标准的推广，将网页布局设计的更为合理，已经不再像在HTML时代那样难以做到，所以浏览者对网页布局的评价也越来越挑剔。 在这个Web标准“横行”的年代，只注重内容，不注重网页布局的网站必定会死掉，因为有... 阅读全文

posted @ 2008-11-27 21:04 linFen 阅读(5358) 评论(1) 推荐(1) 编辑

需要掌握的八个CSS布局技巧

摘要：1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用，请见 http://validator.w3.org 。请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误；我们建议先修正一些最明显的错误之后重新检测，这样也许会让错误数量爆减。 2.使用浮动功能时记得适当清除指令 浮动是个危险的功能，未必会产生... 阅读全文

posted @ 2008-11-27 21:01 linFen 阅读(292) 评论(0) 推荐(0) 编辑

双倍边距问题

摘要：如果你同时设置元素向一侧浮动和外边距，你会很吃惊的发现，你的布局总不能够如人所愿。原来这是IE 6及其以下版本的双倍边距问题。 试验： 参考元素 浮动元素 看看效果 此类问题的解决比较简单，你只需要在浮动元素中增加display:inline;规则即可。 .box2 { float:left; /* 浮动显示... 阅读全文

posted @ 2008-11-27 20:55 linFen 阅读(755) 评论(0) 推荐(0) 编辑

IE6单个css文件使用 @import url(xxx.css);次数限制

摘要：今天发现在一个css文件里面使用 @import url(xxx.css); 有最大次数的限制，经测试IE6的最大次数是31次，第32个import及以后的都不能生效，如下：[css]@import url(1.css);@import url(2.css);@import url(3.css);@import url(4.css);@import url(5.css);@impo... 阅读全文

posted @ 2008-11-27 20:53 linFen 阅读(955) 评论(0) 推荐(0) 编辑

CSS Hack汇总快查

摘要：屏蔽IE浏览器（也就是IE下不显示） *:lang(zh) select {font:12px !important;} /*FF的专用*/select:empty {font:12px !important;} /*safari可见*/这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。 仅IE7识别 *+html {…}当面临需要只针对IE7做样式... 阅读全文

posted @ 2008-11-27 20:51 linFen 阅读(186) 评论(0) 推荐(0) 编辑

CSS hacks与争议

摘要：翻译说明： 这是Solid State Group网站上的一篇很友好的文章，解决了我在设计中遇到的很多问题，故在此我翻译其文，并对原作者表示非常感谢！ 查看原文：http://diger.cn/blog/?p=324英文地址：http://www.solidstategroup.com/page/1592 1、说明本文阐述了8条我们发现的在用CSS设计中有用的解决方案。 2、浏览器特定的选择器 当... 阅读全文

posted @ 2008-11-27 20:48 linFen 阅读(151) 评论(0) 推荐(0) 编辑

IE浏览器中内容和背景分离的bug

摘要：出现的浏览器：IE6 IE7（在firefox中正常没问题） 问题现象：div的内容（包括文字，图片，表单等）和背景分离开了看起来像在两个不同的层里面一样。 本来是为了实现一个可变背景的页面，让页面的背景颜色和透明度可变(即下面代码中的id=main的div)，但是内容的颜色和透明度不随背景变而变（即id=content的div），于是需要在内容层的下面加一个z-index比它低的层（即... 阅读全文

posted @ 2008-11-27 20:43 linFen 阅读(246) 评论(0) 推荐(0) 编辑

CSS浏览器兼容问题详解

摘要：对css缩写的支持问题： 不论是ie 还是ff对css的缩写都有一小点问题 比如 border: 0xp solid #fff;两个浏览器支持都没有问题 但对于四个边的magin不同情况下，就不能用这种缩写了，无论是ie还是ff又会出现边界解释错误，而导致页面变形 正确缩写： border-width:0px 1px 2px 3px; border-style:solid; border-... 阅读全文

posted @ 2008-11-27 20:42 linFen 阅读(293) 评论(0) 推荐(0) 编辑

CSS关于box（盒模式）的一系列问题

摘要：W3C定义的盒模式如下: width和height定义的是Content部分的宽度和高度，padding border margin的宽度依次加在外面。背景会填充padding和content部分。但是由于浏览器设计上的问题，不同浏览器显示效果会有些不同。左右Margin加倍的问题当box为float时，IE6中box左右的margin会加倍 比如： Untitled Docume... 阅读全文

posted @ 2008-11-27 19:28 linFen 阅读(262) 评论(0) 推荐(0) 编辑

CSS完美兼容IE6/IE7/FF的通用方法

摘要：CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖。只提供参考一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)2, IE6/IE77对FireFox *+html 与 *ht... 阅读全文

posted @ 2008-11-27 19:23 linFen 阅读(249) 评论(0) 推荐(0) 编辑

CodeSmith(5)访问数据库

摘要：主要是引用程序集。之后声明个属性Type为SchemaExplorer.DatabaseSchema的属性（数据库).之后根据SourceDatabase.Tables：即得到该数据库的所有的表的集合，SourceDatabase.Tables.Count：得到数据库表的数量SourceDatabase.Tables[i]：得到第i个表SourceDatabase.Tables[i].Name：得... 阅读全文

posted @ 2008-11-21 10:41 linFen 阅读(330) 评论(0) 推荐(0) 编辑

关闭窗口时保存数据的办法

摘要：function IfWindowClosed() { var win = null; try { window.opener.name = "ss"; if ( window.opener.name != "ss" ) { win = window.open("quit.asp","","width=100,height... 阅读全文

posted @ 2008-11-19 20:47 linFen 阅读(300) 评论(0) 推荐(0) 编辑

六种风格时间显示

摘要：风格一: 星期三,12月15日,2004年 风格二: 4:02:46下午 风格三: 星期三,12月15日,2004年 4:02:46下午 风格四: 12/15/04 风格五: 16:02:46 风格六: Wed Dec ... 阅读全文

posted @ 2008-11-19 20:45 linFen 阅读(336) 评论(0) 推荐(0) 编辑

Ajax 解决ie缓存问题

摘要：三种方法. 1.xmlhttp.setRequestHeader("Cache-Control","no-cache"); 2.url += "&random="+Math.random(); 3.url += "×tamp="+new Date().getTime(); 阅读全文

posted @ 2008-11-19 20:30 linFen 阅读(600) 评论(0) 推荐(0) 编辑

用ajax清除浏览器缓存的js、css、图片等

摘要：为了减小浏览器与服务器之间网络传输压力，往往对静态文件，如js,css,修饰的图片做cache，也就是给这些文件的HTTP响应头加入 Expires和Cache-Control参数，并指定缓存时间，这样一定时间内浏览器就不会给服务器发出任何的HTTP请求(除了强制刷新)，即使在 这段时间内服务器的js或css或图片文件已经更新多次，但浏览器的数据依然是原来最能初cache的旧数据，有没有办法让浏览... 阅读全文

posted @ 2008-11-19 20:29 linFen 阅读(5301) 评论(0) 推荐(0) 编辑

jQuery插件---Clipboard Copy(复制)。

摘要：这个插件是用来把页面的内容复制到剪贴板的插件，使用起来很简单。 $.copy("字符串") // 把字符串复制到剪贴板$.copy(varStr) // 把变量varStr的值复制到剪贴板$("#elmID").copy() // 复制id为elmID的节点里的文字$("#elmID input").copy() // 复制id为elmID的节点下所有i... 阅读全文

posted @ 2008-11-02 15:16 linFen 阅读(10013) 评论(1) 推荐(0) 编辑

jQuery插件---跟随滚动条同步滚动的侧边栏.

摘要：代码： 程序代码 演示：http://kitchen.net-perspective.com/sf-example-1.html http://kitchen.net-perspective.com/sf-example-2.html http://kitchen.net-perspective.com/sf-example-3.html http://kitchen.net-perspecti... 阅读全文

posted @ 2008-11-02 14:46 linFen 阅读(3275) 评论(0) 推荐(0) 编辑