CSS中Position和Z-index
[ 2007-09-07 09:06:24 | 作者: admin ]
position
有四个不同的值，分别为：static | absolute | fixed | relative。在苏昱的《CSS2中文手册》中是这样解释的：static:无特殊定位，对象遵循HTML定位规则； absolute:将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距，但仍有补白和边框； relative:对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置； fixed:IE5.5及NS6尚不支持此属性。
Z-INDEX
这是层的“Y坐标”值，就像在一个空间里，网页是x-y 平面 （底面），空间中层有它的坐标，从上往下看，前面的挡住后面的（默认：坐标值大的挡住坐标值小的）...
阅读全文…
有四个不同的值，分别为：static | absolute | fixed | relative。在苏昱的《CSS2中文手册》中是这样解释的：static:无特殊定位，对象遵循HTML定位规则； absolute:将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距，但仍有补白和边框； relative:对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置； fixed:IE5.5及NS6尚不支持此属性。
Z-INDEX
这是层的“Y坐标”值，就像在一个空间里，网页是x-y 平面 （底面），空间中层有它的坐标，从上往下看，前面的挡住后面的（默认：坐标值大的挡住坐标值小的）...
阅读全文…
清除float，为父元素获得高度！
[ 2007-08-30 23:36:18 | 作者: admin ]
在xhtml排版中有个问题每个新人都要遇到，那就是一个div的float会影响到其父级元素hieght为值为0，对于ie和非ie，有以下两种解决方法：
IE中：
用height:1%
例：非IE中：
用:after
例：
IE中：
用height:1%
例：
引用
< div style ="height:1%" >
< div style ="float:left" >
</ div >
</ div >
< div style ="float:left" >
</ div >
</ div >
用:after
例：
引用
.pelement:after{ /*在pelement这个元素的后边*/
content:"." /*写入一个点*/
display:block; /*块级布局方式*/
clear:both; /*清除左右浮动*/
height:0;visibility:hidden; /*不可见*/
}
content:"." /*写入一个点*/
display:block; /*块级布局方式*/
clear:both; /*清除左右浮动*/
height:0;visibility:hidden; /*不可见*/
}
右下脚仿MSN的消息类
[ 2007-08-20 12:37:05 | 作者: admin ]
引用
<HTML><HEAD>
<SCRIPT language=JavaScript>
<!--
/*
** ==================================================================================================
** 类名：CLASS_MSN_MESSAGE
** 功能：提供类似MSN消息框
** 示例：
---------------------------------------------------------------------------------------------------
var MSG = new CLASS_MSN_MESSAGE("aa",200,
<SCRIPT language=JavaScript>
<!--
/*
** ==================================================================================================
** 类名：CLASS_MSN_MESSAGE
** 功能：提供类似MSN消息框
** 示例：
---------------------------------------------------------------------------------------------------
var MSG = new CLASS_MSN_MESSAGE("aa",200,
阅读全文…
ultraedit, editplus, notepad 与 UTF-8
[ 2007-05-21 16:35:03 | 作者: admin ]
以上四个工具对UTF-8 的支持不相同，曾经有过开发部门禁止
使用editplus 来编辑UTF-8 文件。下面是我对四个工具对UTF-8 支持
的总结:
UTF-8 BOM header: 是三个字符: EF BB BF。
1. notepad
notepad 在保存时，选择UTF-8 格式，会在文件头写上BOM header.
2. editplus
文件保存时，选择UTF-8 格式，不会在文件头写上 BOM header.
3. ultraedit
ultraedit 对UTF-8 的支持最为完备。在advanced->configuration中可以
选择文件保存时是否写上BOM header.
4. vi
指的是Linux 下的vim, 如果UTF-8 文件开头有BOM header, 其能够正常
显示UTF-8 编码，否则，显示为乱码。
...
阅读全文…
使用editplus 来编辑UTF-8 文件。下面是我对四个工具对UTF-8 支持
的总结:
UTF-8 BOM header: 是三个字符: EF BB BF。
1. notepad
notepad 在保存时，选择UTF-8 格式，会在文件头写上BOM header.
2. editplus
文件保存时，选择UTF-8 格式，不会在文件头写上 BOM header.
3. ultraedit
ultraedit 对UTF-8 的支持最为完备。在advanced->configuration中可以
选择文件保存时是否写上BOM header.
4. vi
指的是Linux 下的vim, 如果UTF-8 文件开头有BOM header, 其能够正常
显示UTF-8 编码，否则，显示为乱码。
...
阅读全文…
关于dreamweaver中utf-8以及ROM问题
[ 2007-05-21 15:04:13 | 作者: admin ]
对于ie中utf-8，网上已经有一篇很好的文章，
IE中打开UTF-8编码title为中文的网页会显示空白页的问题：http://yskin.net/2006/08/ie-utf-8-bug.html
p.s. 以下网上多有提到,我只略做总结
dreamweaver 软件默认已经为utf-8编码
在DW中，本设置只对新建文档有效，历史文档似乎不会被自动批处理转换成utf-8，只好逐页转（也或许我没有找到方法而已）。
另外，在dw下面有个选择： “包括 Unicode 签名（BOM）”，UTF-8用BOM标记字节顺序。ROM一般加在文件头，长度三字节（EF BB BF）。如果程序发现BOM，则自动按照UTF-8处理。问题是PHP...
阅读全文…
IE中打开UTF-8编码title为中文的网页会显示空白页的问题：http://yskin.net/2006/08/ie-utf-8-bug.html
p.s. 以下网上多有提到,我只略做总结
dreamweaver 软件默认已经为utf-8编码
在DW中，本设置只对新建文档有效，历史文档似乎不会被自动批处理转换成utf-8，只好逐页转（也或许我没有找到方法而已）。
另外，在dw下面有个选择： “包括 Unicode 签名（BOM）”，UTF-8用BOM标记字节顺序。ROM一般加在文件头，长度三字节（EF BB BF）。如果程序发现BOM，则自动按照UTF-8处理。问题是PHP...
阅读全文…
css,xhtml中隐藏滚动条与设置样式
[ 2007-05-20 22:45:30 | 作者: admin ]
p.s. html的隐藏方式在xhtml中有可能无效，xhtml中隐藏滚动条的方法如下
在用ie6浏览有框架的xhtml页面的时候，默认会水平和垂直滚动条会一起出现，这是ie6的一个
bug，在firefox上是正常的，出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷.
对于这个bug一般有3种解决方案，
方法1:
代码：
html { overflow-y: scroll; }
原理：强制显示ie的垂直滚动条，而忽略水平滚动条
优点：完全解决了这个问题, 允许你保持完整的XHTML doctype.
缺点：即使页面不需要垂直滚动条的时候也会出现垂直滚动条。
方法2:(推荐采用)
代码：
html { overflow-x: hidden; overflow-y: auto; }
原理：隐藏横向滚动，垂直滚动根据内容自适应
优点：在视觉上解决了这个问题.在不必要的时候, 未强制垂直滚动条出现.
...
阅读全文…
在用ie6浏览有框架的xhtml页面的时候，默认会水平和垂直滚动条会一起出现，这是ie6的一个
bug，在firefox上是正常的，出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷.
对于这个bug一般有3种解决方案，
方法1:
代码：
html { overflow-y: scroll; }
原理：强制显示ie的垂直滚动条，而忽略水平滚动条
优点：完全解决了这个问题, 允许你保持完整的XHTML doctype.
缺点：即使页面不需要垂直滚动条的时候也会出现垂直滚动条。
方法2:(推荐采用)
代码：
html { overflow-x: hidden; overflow-y: auto; }
原理：隐藏横向滚动，垂直滚动根据内容自适应
优点：在视觉上解决了这个问题.在不必要的时候, 未强制垂直滚动条出现.
...
阅读全文…
http://hi.baidu.com/mp330/blog/item/bd348d02c8622f0f4afb51f6.html
隐藏滚动条:
方法一：设置CSS属性overflow为hidden。
<body style="overflow:hidden">
方法二：设置body元素的scroll属性为no。
<body scroll="no">
注意：建议用方法一隐藏滚动条，用方法二的话在IE5.0中无法再用脚本对页面进行滚动进行操作。因为方法只是隐藏滚动条不显示，而方法二是直接设置为没有滚动条。这一点可以在本部分第六章的《问题6》中分别用本例的两种方法设置demo.htm页的滚动条来测试。在IE5.0上，用方法二隐藏demo.htm页滚动条后，控制页面滚动的功能将失效。
技巧：如果只想隐藏横向或纵向上的滚动条，可以用overflow-x或overflow-y来设置。
全屏网页代码:
...
阅读全文…
隐藏滚动条:
方法一：设置CSS属性overflow为hidden。
<body style="overflow:hidden">
方法二：设置body元素的scroll属性为no。
<body scroll="no">
注意：建议用方法一隐藏滚动条，用方法二的话在IE5.0中无法再用脚本对页面进行滚动进行操作。因为方法只是隐藏滚动条不显示，而方法二是直接设置为没有滚动条。这一点可以在本部分第六章的《问题6》中分别用本例的两种方法设置demo.htm页的滚动条来测试。在IE5.0上，用方法二隐藏demo.htm页滚动条后，控制页面滚动的功能将失效。
技巧：如果只想隐藏横向或纵向上的滚动条，可以用overflow-x或overflow-y来设置。
全屏网页代码:
...
阅读全文…
用CSS定义 li 样式
[ 2007-05-14 20:44:59 | 作者: admin ]
li {list-style-image: url(images/disc.gif);}
li的这个样式定义是将列表项目使用图片来代替显示的小圆点。当然您也可以显示成其它效果，详细请参阅下面的定义:
列表项目效果的CSS定义
*list-style-type: circle(可换成自己想要的样式); 列表项目样式
disc : CSS1 实心圆
circle : CSS1 空心圆
square : CSS1 实心方块
decimal : CSS1 阿拉伯数字
lower-roman : CSS1 小写罗马数字
upper-roman : CSS1 大写罗马数字
lower-alpha : CSS1 小写英文字母
upper-alpha : CSS1 大写英文字母
...
阅读全文…
li的这个样式定义是将列表项目使用图片来代替显示的小圆点。当然您也可以显示成其它效果，详细请参阅下面的定义:
列表项目效果的CSS定义
*list-style-type: circle(可换成自己想要的样式); 列表项目样式
disc : CSS1 实心圆
circle : CSS1 空心圆
square : CSS1 实心方块
decimal : CSS1 阿拉伯数字
lower-roman : CSS1 小写罗马数字
upper-roman : CSS1 大写罗马数字
lower-alpha : CSS1 小写英文字母
upper-alpha : CSS1 大写英文字母
...
阅读全文…
