列表ul li 专用样式
作者:Fishthink 日期:2009-08-28
网页设计中常用的一些标准尺寸
作者:Fishthink 日期:2009-07-23
1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。
2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右
4、在PS里做的图到了网上就不一样了，颜色等等方面，因为ＷＥＢ上面只用到２５６ＷＥＢ安全色，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很宽颜色范围很广，所以自然会有失色的现象.
页面标准按800*600分辨率制作，实际尺寸为778*434px
2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右
4、在PS里做的图到了网上就不一样了，颜色等等方面，因为ＷＥＢ上面只用到２５６ＷＥＢ安全色，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很宽颜色范围很广，所以自然会有失色的现象.
页面标准按800*600分辨率制作，实际尺寸为778*434px
Tags: 网页设计
javascript获取select的值全解
作者:Huison 日期:2009-07-08
javascript获取select的值全解
获取显示的汉字
document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text
获取显示的汉字
document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text
Tags: javascript
CSS hack:区分IE6，IE7，firefox
作者:Fishthink 日期:2009-04-15
区别IE6与FF：
background:orange;*background:blue;
区别IE6与IE7：
background:green !important;background:blue;
区别IE7与FF：
background:orange; *background:green;
区别FF，IE7，IE6：
background:orange;*background:green !important;*background:blue;
注：IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;
[转]最新CSS兼容方案
作者:Fishthink 日期:2009-03-07
[转][更新]最新CSS兼容方案
作者:Fishthink 日期:2009-03-07
在对浏览器兼容性要求越来越高的时候，大家是否正在寻找一个完整的解决方案呢？继《[原]最新CSS兼容方案》之后，更新的CSS hack出炉啦，包括FF、IE6、IE7、Opear、Safari，需要注意的是IE由于在不同的DTD上渲染的模式不同，“_”这个hack的使用要注意页面是否使用了DTD或XML申明（<?xml version="1.0" encoding="utf-8"?>）。
.class{
background-color:# FFFF00;/*所有浏览器*/
* background-color:#00FF00;/*IE*/
.class{
background-color:# FFFF00;/*所有浏览器*/
* background-color:#00FF00;/*IE*/
Tags: css
LI浮动后的清除方法
作者:Huison 日期:2008-10-06
程序代码<ul id="links">
<li><a href="http://www.duibai.net.cn" target="_blank">对白</a></li>
<li><a href="http://www.huison.cn/web.asp">网站制作</a></li>
</ul>
<li><a href="http://www.duibai.net.cn" target="_blank">对白</a></li>
<li><a href="http://www.huison.cn/web.asp">网站制作</a></li>
</ul>
UL中又不能插入DIV来清除浮动,在UL上面加clear:both;又不好使!
在网上找了一种方法:
程序代码<ul id="links" style="overflow:auto;zoom:1;">
<li><a href="http://www.duibai.net.cn" target="_blank">对白</a></li>
<li><a href="http://www.huison.cn/web.asp">网站制作</a></li>
</ul>
<li><a href="http://www.duibai.net.cn" target="_blank">对白</a></li>
<li><a href="http://www.huison.cn/web.asp">网站制作</a></li>
</ul>
下面这段话从蓝色摘过来的!
注：忘了一个很重要的内容，并不是所有的overflow属性都可起来一样的效果，比如visible属性就只能对IE起作用。
这样的话就有一个问题啦，如果要有高度，而且内容超出高度的时候，定义auto或hidden都可能会有一些不想要的效果出现。这里提供一个解决方案：对于IE6及以下版本的IE，可以直接定义高度；对于IE7、FF、OP，可定义min-height。
CSS代码
程序代码overflow
{
height:auto;
_height:200px;
min-height:200px;
verflow:auto;
zoom:1;
_overflow:visible;
}
{
height:auto;
_height:200px;
min-height:200px;
verflow:auto;
zoom:1;
_overflow:visible;
}
Tags: overflow
float后,IE下margin双倍间距的问题
作者:Huison 日期:2008-09-10
一段无错的代码把一个居左浮动(float:left)的元素放置进一个容器盒(box)，并在浮动元素上使用了左边界(margin-left)来令它和容器的左边产生一段距离。看起来相当的简单，对吗？但直至它被在IE/Win中浏览为止，在浏览器中居左浮动元素的边界长度被神秘地翻了一倍！
Steve Clason发现了一个修复办法，描述在他的Guest Demo里，修复了双倍边界和围绕文字缩进Bug。这是一个经典的IE的Bug修复办法，使用一个属性来修复影响不相关属性的Bug。
现在如何来做？
研究它，简单地将{display: inline;}设置给浮动元素就是全部所需做的！是的，听起来太简单了，不是吗？不过这是真的，仅仅一个display的"inline"声明已经能够胜任了。
熟悉规则的人知道浮动元素自动设置为"block"元素，而不管他们之前是什么。就如Steve从W3C里指出：
9.5.1 Positioning the float: the 'float' property这说明浮动元素上的{display: inline;}会被忽略，事实上所有的浏览器没有呈现任何改变，包括IE。但是，它不知何故让IE停止将浮动元素的边界翻倍。因而，这个修复办法可以被直接应用，而没有任何繁琐的隐藏方法。
Steve Clason发现了一个修复办法，描述在他的Guest Demo里，修复了双倍边界和围绕文字缩进Bug。这是一个经典的IE的Bug修复办法，使用一个属性来修复影响不相关属性的Bug。
现在如何来做？
研究它，简单地将{display: inline;}设置给浮动元素就是全部所需做的！是的，听起来太简单了，不是吗？不过这是真的，仅仅一个display的"inline"声明已经能够胜任了。
熟悉规则的人知道浮动元素自动设置为"block"元素，而不管他们之前是什么。就如Steve从W3C里指出：
9.5.1 Positioning the float: the 'float' property这说明浮动元素上的{display: inline;}会被忽略，事实上所有的浏览器没有呈现任何改变，包括IE。但是，它不知何故让IE停止将浮动元素的边界翻倍。因而，这个修复办法可以被直接应用，而没有任何繁琐的隐藏方法。
