摘要:

Adobe DreamweaverCS4 beta 已经发布一个多月了(5月27日发布),第一时间下载试用后,感觉良好,最喜欢的就是它的拆分代码功能,对于经常用代码视图来写东西的我们来说是很实用的一个功能。

  阅读全文
posted @ 2008-07-02 17:50 ゞ智者.千虑 阅读(522) | 评论 (5)编辑
作者/译者:Shawphy

chm格式编译:liaoyizhi(ゞ智者.千虑)

下载地址: http://www.cnblogs.com/Files/Liaoyizhi/jQuery1.2API.rar
posted @ 2008-03-07 21:58 ゞ智者.千虑 阅读(238) | 评论 (1)编辑
     摘要:

Adobe DreamweaverCS4 beta 已经发布一个多月了(5月27日发布),第一时间下载试用后,感觉良好,最喜欢的就是它的拆分代码功能,对于经常用代码视图来写东西的我们来说是很实用的一个功能。

  阅读全文
posted @ 2008-07-02 17:50 ゞ智者.千虑 阅读(522) | 评论 (5)编辑

以下内容转自:http://www.twinsenliang.net/skill/20070719.html

在CSS森林(30247792)群里讨论一个margin的问题中无意间发现overflow也可以用来清除浮动,嘿嘿,这个方法不单使用简单,而且FF、OP、IE7都支持,从此可以告别那又长兼容性又差的FF清浮动的方法了。

方法真的很简单,只要为需要清浮动的标签加上overflow这个属性。

引用CSS代码 
 1 ul{
 2     list-style:none;
 3     height:auto;
 4     margin:0;
 5     padding:0;
 6     background-color:#436973;
 7 }
 8 li{
 9     float:left;
10     width:80px;
11     height:80px;
12     background-color:#83B1DF;
13 }
14 .demo{
15     clear:both;
16     border:1px solid #FF00FF;
17     margin-bottom:5px;
18 }
19 .overflow{
20     overflow:auto;
21     zoom:1;
22     background-color:#43FF73;
23 }
24 

其中zoom是为了IE6准备的。

完整的Demo

注:忘了一个很重要的内容,并不是所有的overflow属性都可起来一样的效果,比如visible属性就只能对IE起作用。例子可以看这里Demo2
这样的话就有一个问题啦,如果要有高度,而且内容超出高度的时候,定义auto或hidden都可能会有一些不想要的效果出现。这里提供一个解决方案:对于IE6及以下版本的IE,可以直接定义高度;对于IE7、FF、OP,可定义min-height。

引用CSS代码 
1 .overflow{
2     height:auto;
3     _height:200px;
4     min-height:200px;
5     overflow:auto;
6     zoom:1;
7     _overflow:visible;
8 }

转自鬼仔的Blog,他写的时候用的是最简单,测试后觉得是最优秀的,因为不会有其余的非语义的编码。

posted @ 2008-06-29 16:18 ゞ智者.千虑 阅读(16) | 评论 (0)编辑
     摘要:


Adobe在27日已经放出DreamweaverCS4 beta的下载地址,同一时间还放出了FireworkCS4 beta,及SoundboothCS4 beta的下载地址

  阅读全文
posted @ 2008-05-29 11:59 ゞ智者.千虑 阅读(577) | 评论 (5)编辑

目的:制作宽为300像素,高为2像素,边框为1像素的长方体(或者应该叫线)
出现的问题:用以下代码

 1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2<html xmlns="http://www.w3.org/1999/xhtml">
 3<head>
 4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5<title>无标题文档</title>
 6<style type="text/css">
 7<!--
 8
 9div {
10    background: #99FF99;
11    height: 2px;
12    border: 1px solid #FF0000;
13    line-height: 2px;
14    margin: 0px;
15    padding: 0px;
16    float: left;
17    width: 300px;
18}

19-->
20
</style>
21</head>
22
23<body>
24<div></div>
25</body>
26</html>
发现在IE6下无法实现高度为2像素,至少有10多像素的高,IE7和FF下则没问题,搞了半天都没弄明白是怎么回事,当然最后搞清楚了,把字体大小设为0px即可,如下代码:
 1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2<html xmlns="http://www.w3.org/1999/xhtml">
 3<head>
 4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5<title>无标题文档</title>
 6<style type="text/css">
 7<!--
 8
 9div {
10    background: #99FF99;
11    height: 2px;
12    border: 1px solid #FF0000;
13    line-height: 2px;
14    margin: 0px;
15    padding: 0px;
16    float: left;
17    width: 300px;
18    font-size: 0px;
19}

20-->
21
</style>
22</head>
23
24<body>
25<div></div>
26</body>
27</html>

希望对有同样困扰的朋友有所帮助...
posted @ 2008-04-22 22:50 ゞ智者.千虑 阅读(26) | 评论 (0)编辑
     摘要:

Dreamweaver CS4 终于放出了他的Prerelease!现在马上公布出来,第一时间为大家奉上Dreamweaver CS4 界面赏析。

  阅读全文
posted @ 2008-04-21 16:00 ゞ智者.千虑 阅读(78) | 评论 (1)编辑


大家看图就能明白,哈:




posted @ 2008-04-21 10:18 ゞ智者.千虑 阅读(54) | 评论 (0)编辑

一、CSS HACK
以下两种方法几乎能解决现今所有HACK.

1, !important
随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)

CSS代码
  1. <style>   
  2. #wrapper {   
  3. width100px!important/* IE7+FF */  
  4. width80px/* IE6 */  
  5. }   
  6. </style>   

2, IE6/IE77对FireFox

*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.

CSS代码
  1. <style>   
  2. #wrapper { width120px; } /* FireFox */  
  3. *html #wrapper { width80px;} /* ie6 fixed */  
  4. *+html #wrapper { width60px;} /* ie7 fixed, 注意顺序 */  
  5. </style>  

注意:
*+html 对IE7的HACK 必须保证HTML顶部有如下声明:

XML/HTML代码
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  

 二、万能 float 闭合(非常重要!)

关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup]
将以下代码加入Global CSS 中,给需要闭合的div加上 class="clearfix" 即可,屡试不爽.

CSS代码
  1. <style>   
  2. /* Clear Fix */  
  3. .clearfix:after {    
  4. content:".";    
  5. display:block;    
  6. height:0;    
  7. clear:both;    
  8. visibility:hidden;    
  9. }    
  10. .clearfix {   
  11. display:inline-block;   
  12. }   
  13. /* Hide from IE Mac \*/    
  14. .clearfix {display:block;}    
  15. /* End hide from IE Mac */    
  16. /* end of clearfix */  
  17. </style>   

三、其他兼容技巧(再次啰嗦)

1, FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不会.(可用!important解决)
2, 居中问题.
1).垂直居中.将 line-height 设置为 当前 div 相同的高度, 再通过 vertical-align: middle.( 注意内容不要换行.)
2).水平居中. margin: 0 auto;(当然不是万能)
3, 若需给 a 标签内内容加上 样式, 需要设置 display: block;(常见于导航标签)
4, FF 和 IE 对 BOX 理解的差异导致相差 2px 的还有设为 float的div在ie下 margin加倍等问题.
5, ul 标签在 FF 下面默认有 list-style 和 padding . 最好事先声明, 以避免不必要的麻烦. (常见于导航标签和内容列表)
6, 作为外部 wrapper 的 div 不要定死高度, 最好还加上 overflow: hidden.以达到高度自适应.
7, 关于手形光标. cursor: pointer. 而hand 只适用于 IE.

PS:搞公司的站,IE6,IE7,FF下这些问题头大死了,后来经过这个文章的介绍终于解决了!

贴上代码:

CSS代码
  1. /* FF */  
  2. .submitbutton {   
  3.     float:left;   
  4.     width40px;   
  5.     height57px;   
  6.     margin-top24px;   
  7.     margin-right12px;   
  8. }   
  9. /* IE6 */  
  10. *html .submitbutton {   
  11.     margin-top21px;   
  12. }   
  13. /* IE7 */  
  14. *+html .submitbutton {   
  15.     margin-top21px;   
  16. }  
posted @ 2008-04-17 00:11 ゞ智者.千虑 阅读(129) | 评论 (0)编辑
Shawphy处看到了这个好东西,转过来



注:selector部分的那个@符号其实在1.2中已经不需要了。
posted @ 2008-04-16 16:39 ゞ智者.千虑 阅读(29) | 评论 (0)编辑
     摘要: 今天写CSS的时候,发现IE6有个问题,即插入的图片下总有5px的空隙,IE7和FF下都正常,绞尽脑汁不得其解。最后在百度上找到了解决办法,转过来备用..  阅读全文
posted @ 2008-04-14 02:39 ゞ智者.千虑 阅读(56) | 评论 (2)编辑

由于工作关系,在公司的电脑上装了VISTA,并且试用了期待已久的IIS7.0。

感觉7.0使用起来还是挺方便的,只是发现一个问题,就是同局域网的计算机通过输入我的IP地址无法访问我的页面,

但是在本机访问却没有问题,以前用IIS6.0的时候是可以的~~郁闷~!

在GOOGLE和百度上也找不到相关的解决方案,只有自己摸索了。

经过几个小时的研究,终于,被我找到了问题的关键所在,现在写出来给大家分享:

1、依次选择:开始---所有程序---管理工具---高级安全 Windows 防火墙。

2、在高级安全 Windows 防火墙的左边栏,选择“入站规则”。

3、在右边栏选择"新建规则“。

4、在弹出的窗口依次选择:选中端口---下一步---选中TCP以及特定本地端口,填入要开放的端口号(这里填入80)---下一步---选中允许连接---下一步---选中所有选项---下一步---填入名称(这里填入IIS)---完成。

经过以上设置,已经能在同局域网的其他计算机用过你的IP地址访问你的网站了,希望本文对有着同样困扰的朋友有一点帮助。

posted @ 2008-03-24 02:42 ゞ智者.千虑 阅读(121) | 评论 (0)编辑