<![CDATA[AspDIY.Net]]> http://www.aspdiy.net/ zh-cn PBlog2 v2.4 AspDIY.Net http://www.aspdiy.net/images/logos.gif http://www.aspdiy.net/ AspDIY.Net http://www.aspdiy.net/article/webcode/149.htm <![CDATA[C# 的异步调用 ]]> 983493#qq.com(98tj) Sun,08 Aug 2010 22:23:15 +0800 http://www.aspdiy.net/default.asp?id=149 /*
* Authod: sandals
* Date  : 2010-08-07 20:30
* Description: 异步调用的实现
* */

using System;
namespace Sandals.Demo.AsynchronousCall
{
    public static class AsyncDemo
    {
　　　　 //声明委托
        private delegate string AsyncMethodCalledEventHander(int duration, out int threadId);
       //create an instance of the delegate
        private static AsyncMethodCalledEventHander eventHandler = new AsyncMethodCalledEventHander(MethodForAsyncCall);

        /// <summary>
        /// The method to be executed asynchronously
        /// </summary>
        /// <param name="duration">sleep duration for thread</param>
        /// <param name="threadId">current thread id</param>
        /// <returns></returns>
        private static string MethodForAsyncCall(int duration, out int threadId)
        {
            Console.WriteLine("MethodForAsyncCall begin execute... ");
            System.Threading.Thread.Sleep(duration);
            threadId = System.Threading.Thread.CurrentThread.ManagedThreadId;
            return String.Format("my execute time was {0} ", duration);
        }

        /// <summary>
        /// this method for executing asyc method
        /// </summary>
        /// <param name="duration"></param>
        /// <returns></returns>
        public static IAsyncResult BeingRun(int duration)
        {
            int dumy;
            IAsyncResult result = eventHandler.BeginInvoke(duration, out dumy, null, null);
            return result;
        }

        /// <summary>
        /// this methiod end the asyc method
        /// </summary>
        /// <param name="threadId"></param>
        /// <param name="ar"></param>
        /// <returns></returns>
        public static string EndRun(out int threadId, IAsyncResult ar)
        {
            if (ar == null)
                throw new NullReferenceException("parameter ar can not be a null");
            return eventHandler.EndInvoke(out threadId, ar);
        }
    }

    class Program
    {
        static void Main(string[] args)
        {
            IAsyncResult result = AsyncDemo.BeingRun(10000);
            Console.WriteLine("the thread {0} continue to execute", System.Threading.Thread.CurrentThread.ManagedThreadId);

            Console.WriteLine("the thread {0} begin to sleep, date: {1}", System.Threading.Thread.CurrentThread.ManagedThreadId, DateTime.Now);
            System.Threading.Thread.Sleep(3000);
            Console.WriteLine("the thread {0} sleep end, date: {1}", System.Threading.Thread.CurrentThread.ManagedThreadId, DateTime.Now);

            int threadId = 0;
            Console.WriteLine("call the mothod to end the ansychronous method");
            Console.WriteLine("asynchronous method return value: {0}. thread id: {1}", AsyncDemo.EndRun(out threadId, result), threadId);
        }
    }
}]]> http://www.aspdiy.net/article/webcode/148.htm <![CDATA[SQL Server 不删除信息重新恢复自动编号列的序号的方法]]> 983493#qq.com(98tj) Thu,29 Jul 2010 11:55:08 +0800 http://www.aspdiy.net/default.asp?id=148 核对当前特定表的自动增量值，如果需要，可以纠正自动增量的值。
语法：
DBCC CHECKIDENT
    ( 'table_name'
        [ , { NORESEED
                | { RESEED [ , new_reseed_value ] }
            }
        ]
    )
参数：
‘tableName’是检查当前自动增量的表名。此表名必需是符合的标示符。此表必需包含自动增量字段。
Noreseed,当前特定自动增量的值不被纠正。
RESEED,当前特定自动增量的值被纠正。
New_reseed_value,重新设置自动增量字段的起初值.
注释
如有必要，DBCC CHECKIDENT 会更正列的当前标识值。然而，如果标识列是使用 NOT FOR REPLICATION 子句（在 Create TABLE 或 Alter TABLE 语句中）创建的，则不更正当前标识值。如果标识列上有主键或唯一键约束，无效标识信息可能会导致错误信息 2627。对当前标识值所做的具体更正取决于参数规范。

原创  DBCC CheckIdent 收藏

核对当前特定表的自动增量值，如果需要，可以纠正自动增量的值。
语法：
DBCC CHECKIDENT
    ( 'table_name'
        [ , { NORESEED
                | { RESEED [ , new_reseed_value ] }
            }
        ]
    )
参数：
‘tableName’是检查当前自动增量的表名。此表名必需是符合的标示符。此表必需包含自动增量字段。
Noreseed,当前特定自动增量的值不被纠正。
RESEED,当前特定自动增量的值被纠正。
New_reseed_value,重新设置自动增量字段的起初值.
注释
如有必要，DBCC CHECKIDENT 会更正列的当前标识值。然而，如果标识列是使用 NOT FOR REPLICATION 子句（在 Create TABLE 或 Alter TABLE 语句中）创建的，则不更正当前标识值。如果标识列上有主键或唯一键约束，无效标识信息可能会导致错误信息 2627。对当前标识值所做的具体更正取决于参数规范。
DBCC CHECKIDENT statement
Identity correction(s) made
DBCC CHECKIDENT ('table_name', NORESEED)
不重置当前标识值。DBCC CHECKIDENT 返回一个报表，它指明当前标识值和应有的标识值。
DBCC CHECKIDENT ('table_name') or DBCC CHECKIDENT ('table_name', RESEED)
如果表的当前标识值小于列中存储的最大标识值，则使用标识列中的最大值对其进行重置。
DBCC CHECKIDENT ('table_name', RESEED, new_reseed_value)
当前值设置为 new_reseed_value。如果自创建表后没有将行插入该表，则在执行 DBCC CHECKIDENT 后插入的第一行将使用 new_reseed_value 作为标识。否则，下一个插入的行将使用 new_reseed_value + 1。如果 new_reseed_value 的值小于标识列中的最大值，以后引用该表时将产生 2627 号错误信息
注：
当前标识值可以大于表中的最大值。在此情况下，DBCC CHECKIDENT 并不自动重置当前标识值。若要在当前标识值大于列中的最大值时对当前标识值进行重置，请使用两种方法中的任意一种：
一、执行 DBCC CHECKIDENT ('table_name', NORESEED) 以确定列中的当前最大值，然后使用 DBCC CHECKIDENT ('table_name', RESEED, new_reseed_value) 语句将该值指定为 new_reseed_value。
二、将 new_reseed_value 置为很小值来执行 DBCC CHECKIDENT ('table_name', RESEED, new_reseed_value)，然后运行 DBCC CHECKIDENT ('table_name', RESEED)。
例如：
有表city
ID name   type
1   1       a
2   2       b
3   3       c
4   1       a
5   2       b
6   3       c
7   1       a
8   2       b
9   3       c
10 1       a
11 2       b
12 3       c
此时当前identity最大值与ID最大值一样，都为12.
现在删除后面一部分数据，city变为
ID name   type
1   1       a
2   2       b
3   3       c
4   1       a
5   2       b
此时当前identity最大值与ID最大值I 一样，ID列最大值为5，identity还是为12.此时要调整过来，将identity值调整为5..具体操作如下：
运行DBCC CHECKIDENT ('city', RESEED, 1)，再运行DBCC CHECKIDENT ('table_name', RESEED)将其重值。
结果集
不管是否指定任何选项（针对于包含标识列的表；下例使用 pubs 数据库的 jobs 表），DBCC CHECKIDENT 返回以下结果集（值可能会有变化）：
Checking identity information: current identity value '14', current column value '14'.
DBCC execution completed. If DBCC printed error messages, contact your system administrator.
权限
DBCC CHECKIDENT 权限默认授予表所有者、sysadmin 固定服务器角色和 db_owner 固定数据库角色的成员且不可转让。
示例
A. 如有必要，重置当前标识值
下例在必要的情况下重置 jobs 表的当前标识值。
USE pubs
GO
DBCC CHECKIDENT (jobs)
GO
B. 报告当前标识值
下例报告 jobs 表中的当前标识值；如果该标识值不正确，并不对其进行更正。
USE pubs
GO
DBCC CHECKIDENT (jobs, NORESEED)
GO
C. 强制当前标识值为 30
下例强制 jobs 表中的当前标识值为 30。
USE pubs
GO
DBCC CHECKIDENT (jobs, RESEED, 30)

GO

----------------------------------------------------------------------------------------------------------------------------

如果是清空表中内容再重置标识列可以选择使用 Truncate Table 命令：

Truncate Table tablename

]]> http://www.aspdiy.net/article/webcode/146.htm <![CDATA[双目运算符 "??" ]]> 983493#qq.com(98tj) Tue,27 Jul 2010 22:58:40 +0800 http://www.aspdiy.net/default.asp?id=146
using System.Collections.Generic;  

using System.Linq;  

using System.Text;  

  

namespace ConsoleApplication1  

{  

    class Program  

    {  

        static void Main(string[] args)  

        {  

            int? a;  

            a = null;//此时输出3  

            //a = 6;//此时输出6  

            int b = a ?? 3;  

            Console.Write(b);  

            Console.ReadKey();  

        }  

    }  

}

]]> http://www.aspdiy.net/article/webcode/145.htm <![CDATA[类和接口的区别 ]]> 983493#qq.com(98tj) Mon,26 Jul 2010 19:29:12 +0800 http://www.aspdiy.net/default.asp?id=145
接下来先说说抽象类和接口的区别。

区别一，两者表达的概念不一样。抽象类是一类事物的高度聚合，那么对于继承抽象类的子类来说，对于抽象类来说，属于“是”的关系；而接口是定义行为规范，因此对于实现接口的子类来说，相对于接口来说，是“行为需要按照接口来完成”。这些听起来有些虚，举个例子。例如，狗是对于所有狗类动物的统称，京哈是狗，牧羊犬是狗，那么狗的一般特性，都会在京哈，牧羊犬中找到，那么狗相对于京哈和牧羊犬来说，就属于这类事物的抽象类型；而对于“叫”这个动作来说，狗可以叫，鸟也可以叫。很明显，前者相当于所说的是抽象类，而后者指的就是接口。

区别二，抽象类在定义类型方法的时候，可以给出方法的实现部分，也可以不给出；而对于接口来说，其中所定义的方法都不能给出实现部分。


    //抽象类
    public abstract class AbsTest
    {
        public virtual void Test()
        {
            Debug.WriteLine( "Test" );
        }
        public abstract void NewTest();
    }

    //接口
    public interface ITest
    {
        void Test();
        void NewTest();
    }
区别三，继承类对于两者所涉及方法的实现是不同的。继承类对于抽象类所定义的抽象方法，可以不用重写，也就是说，可以延用抽象类的方法；而对于接口类所定义的方法或者属性来说，在继承类中必须要给出相应的方法和属性实现。

区别四，在抽象类中，新增一个方法的话，继承类中可以不用作任何处理；而对于接口来说，则需要修改继承类，提供新定义的方法。


--------------------------------------------------------------------------------

知道了两者的区别，再来说说，接口相对于抽象类的优势。


好处一，接口不光可以作用于引用类型，也可以作用于值类型。而抽象类来说，只能作用于引用类型。

好处二，.Net的类型继承只能是单继承的，也就是说一个类型只能继承一个类型，而可以继承多个接口。其实，我对于这一点也比较赞同，多继承会使继承树变的混乱。

好处三，由于接口只是定义属性和方法，而与真正实现的类型没有太大的关系，因此接口可以被多个类型重用。相对于此，抽象类与继承类的关系更紧密些。

好处四，通过接口，可以减少类型暴露的属性和方法，从而便于保护类型对象。当一个实现接口的类型，可能包含其他方法或者属性，但是方法返回的时候，可以返回接口对象，这样调用端，只能通过接口提供的方法或者属性，访问对象的相关元素，这样可以有效保护对象的其他元素。

好处五，减少值类型的拆箱操作。对于Struct定义的值类型数据，当存放集合当中，每当取出来，都需要进行拆箱操作，这时采用Struct+Interface结合的方法，从而降低拆箱操作

参看如下文章提供的方法。

相对于抽象类来说，接口有这么多好处，但是接口有一个致命的弱点，就是接口所定义的方法和属性只能相对于继承它的类型（除非在继承类中修改借口定义的函数标示），那么对于多层继承关系的时候，光用接口就很难实现。因为如果让每个类型都去继承接口而进行实现的话，首先不说编写代码比较繁琐，有时候执行的结果还是错误，尤其当子类型对象隐式转换成基类对象进行访问的时候。





--------------------------------------------------------------------------------



其实在继承中，到底使用接口还是抽象类。接口是固定的，约定俗成的，因此在继承类中必须提供接口相应的方法和属性的实现。而对于抽象类来说，抽象类的定义方法的实现，贯穿整个继承树，因此其中方法的实现或者重写都是不确定的。因此相对而言，抽象类比接口更灵活一些。




            接口                           抽象类

多继承     支持                            不支持

类型限制   没有                           有，只能是引用类型

方法实现   继承类型中必须给出方法         实现继承类中可以不给出

扩展性      比较麻烦                      相对比较灵活

多层继承    比较麻烦，需要借助虚函数       比较灵活




总的来说，接口和抽象类是.Net为了更好的实现类型之间继承关系而提供的语言手段，而且两者有些相辅相成的关系。因此我并不强调用什么而不用什么，那么问题的关键在于，如何把这两种手段合理的应用到程序当中，这才是至关重要。

]]> http://www.aspdiy.net/article/serversafe/144.htm <![CDATA[提搞网站访问速度可做哪些优化]]> 983493#qq.com(98tj) Thu,22 Jul 2010 09:25:52 +0800 http://www.aspdiy.net/default.asp?id=144
l  Windows系列：

64位Win2008r2 + Hpyer-V + 负载均衡 + IIS7.5
64位Win2003 + 虚拟机 + 负载均衡 + IIS6
禁止服务器访问外网。关掉不必要的端口。
去掉每个磁盘的所有权限，只保留administrators组和system完全控制权限。
IIS7.5标识使用ApplicationPoolIdentity，给目录权限用户是：IIS AppPool\站点名
IIS6需要为每个站点建独立的用户，为IIS用户单独设置权限。
IIS禁止日志记录。
  
二、  数据库优化

l  64位MSSQL2008：

少用触发器/游标/外键。多用存贮过程和视图。适量使用索引查询速度会提高很多，每个表的索引尽量不要超过3个。
定时查看死锁的进程和等待进程，并清除，还要及时修正死锁的来源。
复杂的统计报表需要用计划去跑。
查询记录数要使用count(0) 不要使用count(*)。
select的时候表字段不要使用*。*查询所有字段是很慢的。
如果字段是索引列可使用UNION ALL 替代 or，走索引线路查询。
大记录集要使用分页查询。
尽量不要使用TEXT/NTEXT类型，要使用VARCHAR(MAX)/NVARCHAR(MAX)。
尽量不要使用临时表，要使用Table表类型或内嵌视图。
  
三、  后端优化

l  多使用DbDataReader，尽量不要使用DataTable/DataSet读取数据。

l  for (int i = 0; i < dt.Rows.Count; i++) 应该这么写：

for (int i = 0, len = dt.Rows.Count; i < len; i++)或

foreach (DataRow info in dt.Rows)推荐这种写法

l  少用try catch，用到try catch时要和 finally一起使用。

l  多使用using如：

using (DbDataReader dr = Data.GetDbDataReader(strSql)) { while (dr.Read()) { }; }

l  大字符串操作请使用StringBuilder 少使用string，字符串比较用Compare，字符串相加用Concat，大字符串相加用StringBuilder Append。

l  变量要在先定义在使用，不要在循环内定义变量。如：

错误的写法是：for (int i = 1; i < 10; i++) { string s = i.ToString(); }

正确写法：string s = string.Empty; for (int i = 1; i < 10; i++) { s = i.ToString(); }

这里还有一个地方要注意的：在字符串相加的时候，如果有int类型的要先转成string类型在相加，减少不必要的装箱拆箱操作。

l  如果你使用的是HTML控件，需要禁用<%@ Page EnableViewState="false" AutoEventWireup="false" EnableSessionState="false"，web.config <pages enableViewState="false" enableSessionState="false" />

l  使用foreach替代for

l  操作数据库要使用存贮过程/视图。

l  多使用CACHE对数据缓存。这才是最关键的。NET提供：HttpContext.Current.Cache/HttpRuntime.Cache，共享缓存有velocity/ memcached

l  可使用<%@ OutputCache Duration="60" 缓存页面，可使用Response.BufferOutput = true;/ <%@ Page Buffer="true" 输出缓冲。

l  可将站点生成静态面页，好处多多。

l  可使用URL重写成伪静态，提供rss/baidu-sitemap/google-sitemap服务，有利于搜索引擎收录。

l  Ajax调用页面要使用.ashx一般处理程序，速度要比.aspx文件要快。Ajax请求要使用POST不要使用GET。

l  发布站点时DLL要Release版本，不要用Debug版本。

l  IIS需要使用集成模式，不要使用经典模式。

l  Web.config 加 <customErrors mode="On" /> 关闭错误提示。

l  Web.config 加 <compilation debug="false" /> 关闭调试模式。

l  使用Server.Transfer替换Response.Redirect

l  多使用泛型集合操作，少用ArrayList。

四、  前端优化

l  最好不使用NET控件，用HTML控件，页面使用CSS+DIV布局。

l  使用JSON + AJAX进行数据交互。

l  要学会使用jQuery提高开发速度。

l  尽量少用<img标记，改用background样式控制背景图片。这样做的好处是方便扩展多皮肤。

l  将CSS background背景图片多张合并成一张图片，保证合并后的图片大小不要超过50K。可将JS文件合并在一个JS文件中，然后使用closure_packer_yui_compiler进行压缩，这样做的好处是可减少客户端连接数。

l  JS代码段不要放在HTML页面，应该放在独立的JS文件里面，好处是JS文件可以CDN/缓存。

l  可将CSS文件放到<head></head>之间，JS文件或代码放到</body>之前，让页面先显示在执行JS。

l  可将网站的图片/CSS/JS/资料/资源放到独立的站点，做下CDN加速,二级域名会有COOKIES，最好使用一级域名。

l  A标记和IMG标记需要加上title/alt，<head>标签内需要加title/keywords/description/rss/sitemap优化，有利于搜索引擎收录。

l  页面可启用gzip压缩。

l  安装FF的插件“YSlow/Page Speed”。

五、  其它优化]]> http://www.aspdiy.net/article/mydocuments/143.htm <![CDATA[酷睿i系列和P系列和Ｔ系列有什么区别]]> 983493#qq.com(98tj) Tue,06 Jul 2010 22:43:08 +0800 http://www.aspdiy.net/default.asp?id=143 其中T系列属于普通版（也可以称作是性能型）可以纵跨三个时代，即酷睿1代，酷睿2代 Merom架构，酷睿2代45纳米Penryn架构。酷睿1代比较著名的有T2400，T2500，T2050，等等。核心架构是Yonah，改进自奔腾M的dothan，但是并非简单将两个dothan拼凑到一起，功耗降低的同时，效率加强了，主频也可以轻易提高更多。但是只有笔记本型，没有台式机型，只能支持32位，不支持64位运算和寻址功能。尽管不支持64位指令集，但是强悍的工艺，让酷睿1代的性能超过了同时期的AMD。]]> http://www.aspdiy.net/article/mydocuments/142.htm <![CDATA[配色方案]]> 983493#qq.com(98tj) Fri,02 Jul 2010 10:49:42 +0800 http://www.aspdiy.net/default.asp?id=142 http://hi.baidu.com/fishfingers/blog/item/af04de4ea028b03baec3ab2c.html]]> http://www.aspdiy.net/article/css/141.htm <![CDATA[学习CSS了解单位em和px的区别]]> 983493#qq.com(98tj) Tue,23 Mar 2010 11:59:24 +0800 http://www.aspdiy.net/default.asp?id=141
      关键点：

　　1. IE无法调整那些使用px作为单位的字体大小;

　　2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位;

　　3. Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器(或内核)。

　　px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。

　　em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

　　任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。

　　em有如下特点：

　　1. em的值并不是固定的;

　　2. em会继承父级元素的字体大小。

　　所以我们在写CSS的时候，需要注意两点：

　　1. body选择器中声明Font-size=62.5%;

　　2. 将你的原来的px数值除以10，然后换上em作为单位;

　　3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。

　　也就是避免1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em，那么在声明p的字体大小时就只能是1em，而不是1.2em, 因为此em非彼em，它因继承#content的字体高而变为了1em=12px。

　　但是12px汉字例外，就是由以上方法得到的12px(1.2em)大小的汉字在IE中并不等于直接用12px定义的字体大小，而是稍大一点。这个问题 Jorux已经解决，只需在body选择器中把62.5%换成63%就能正常显示了。原因可能是IE处理汉字时，对于浮点的取值精确度有限。不知道有没有其他的解释。

]]> http://www.aspdiy.net/article/css/140.htm <![CDATA[CSS对IE6、IE7、IE8支持详细的易用的参考]]> 983493#qq.com(98tj) Tue,16 Mar 2010 10:44:18 +0800 http://www.aspdiy.net/default.asp?id=140

中文原文：CSS在Internet Explorer 6, 7 和8中的差别
译自：CSS Differences in Internet Explorer 6, 7 and 8

关于浏览器的最离奇的统计结果之一就是Internet Explorer 版本6，7和8共存。截至本文，Internet Explorer各个版本总共占据了大约65%的市场份额。在网站开发社区，这个数字要小很多，统计显示大概只有40%。

ie

这些统计中比较有趣的部分是，IE6、IE7、IE8之间的数值很接近，这防止了单个Microsoft的浏览器占居统治地位——与过去的情况相反。根据这些令人遗憾的统计结果，在为客户开发网站的时候开发人员对所有当前使用的IE浏览器做全面的测试是必要的，而且这样在个人项目上也可以拉拢更多的用户。

多谢那些JavaScript库(框架)，跨浏览器的Javascript的测试已经像当前形势所允许的那样接近完美了。但在CSS开发中还不是这样，特别是关系到IE目前存在的三个版本。

本文尝试为希望了解CSS对IE6、IE7、IE8的支持的不同的开发者提供一份详细的、易用的参考。本参考包含以下情况的概述和兼容情况：

  • 三个浏览器中的一个支持而另外两个不支持的条目
  • 三个浏览器中的两个支持而另外一个不支持的条目

本文不讨论：

  • 三个浏览器都不支持的条目
  • 私有属性

因此，本文的中心是三个浏览器中的不同，而不是必要的支持缺陷。该列表被分为以下五个部分：

选择器与继承

子选择器

示例
body > p {
	color: #fff;
}
描述

子选择器选择一个特定父级元素的所有直接子级元素，在上面的例子中，body是父元素，p是子元素。

支持情况
IE6
No
IE7
Yes
IE8
Yes
Bugs

IE7中，如果在父级标签和子级标签之间有一个HTML注释，子选择器将不会工作。

链类

示例
.class1.class2.class3 {
	background: #fff;
}
描述

链类用于送一个HTML元素有多个class声明的情况，就像这样：

<div class="class1 class2 class3">
<p>Content here.</p>
</div>
支持情况
IE6
No
IE7
Yes
IE8
Yes
Bugs

IE6好像支持这种情况，因为它能匹配链中的最后一个class到使用该class的元素上，然而，它并不能限制一个使用链中所有class的元素。

属性选择器

示例
a[href] {
	color: #0f0;
}
描述

该选择器允许一个元素被定位只要它有指定的属性。在上面的例子中，所有的带有href属性的a标签都会被限定，而没有href属性的a标签不会被限定。

支持情况
IE6
No
IE7
Yes
IE8
Yes

临近兄弟选择器

示例
h1+p {
	color: #f00;
}
描述

该选择器定位临近到指定元素的兄弟标签。上面的例子将会限定p标签，但是他必须是h1标签的兄弟而且要直接尾随在h1标签的后面。比如：

<h1>heading</h1>
<p>Content here.</p>
<p>Content here.</p>

在上面的代码中，CSS样式将只对第一个p有效。因为它是h1的兄弟而且紧跟着h1。第二个p也是h1的一个兄弟，但是它没有紧跟着h1。

支持情况
IE6
No
IE7
Yes
IE8
Yes
Bugs

在IE7中，如果在兄弟之间有一个HTML注释，临近兄弟选择器将无效。

普通兄弟选择器

示例
h1~p {
	color: #f00;
}
描述

该选择器定位一个指定元素后面的所有兄弟元素。将此选择器应用到上面的那个例子，将会对两个p标签都有效。当然，如果有一个p元素出现在h1之前，那个p元素不会被匹配。

支持情况
IE6
No
IE7
Yes
IE8
Yes

伪类和伪元素

:hover后面的后代选择器

示例
a:hover span {
	color: #0f0;
}
描述

一个元素可以被:hover伪类后面的选择器定位，就像后代选择器一样。上面的例子，在鼠标悬停的时候，将会改变a元素内的span元素中的文字的颜色。

支持情况
IE6
No
IE7
Yes
IE8
Yes

链伪类

示例
a:first-child:hover {
	color: #0f0;
}
描述

伪类可以链起来以缩小元素选择。上面的例子会定位每一个父级元素下的第一个a标签，并将hover伪类P应用到它上。

支持情况
IE6
No
IE7
Yes
IE8
Yes

非锚点元素中的:hover

示例
div:hover {
	color: #f00;
}
描述

:hover伪类可以应用到任何元素的悬停状态，而不只是a标签。

支持情况
IE6
No
IE7
Yes
IE8
Yes

:first-child伪类

示例
div li:first-child {
	background: blue;
}
描述

改伪类定位每一个指定的元素的父级元素的第一个子元素。

支持情况
IE6
No
IE7
Yes
IE8
Yes
Bugs

IE7中，如果要定位的第一个子元素之前有HTML注释，first-child伪类将会无效。

:focus伪类

示例
a:focus {
	border: 1px solid red;
}
描述

该伪类定位有键盘焦点的所有元素。

支持情况
IE6
No
IE7
No
IE8
Yes

:before 和:after 伪类

示例
#box:before {
	content: "本段文字在盒子前面";
}
 
#box:after {
	content: "本段文字在盒子后面";
}
描述

这两个伪元素分别在指定元素的前面和后面添加生成的内容，结合content属性一起使用。

支持情况
IE6
No
IE7
No
IE8
Yes

属性支持

由position产生的实际大小

示例
#box {
	position: absolute;
	top: 0;
	right: 100px;
	left: 0;
	bottom: 200px;
	background: blue;
}
描述

定义top, right, bottom, 和left 值到绝对定位的元素上将给这个元素实际的大小(宽度和高度)，虽然并没有设定使宽度和高度值。

支持情况
IE6
No
IE7
Yes
IE8
Yes

Min-Height 与 Min-Width

示例
#box {
	min-height: 500px;
	min-width: 300px;
}
描述

这两个属性分别指定元素的宽和高的最小值，允许一个盒子可以比指定的最小值更大，但是不能更小。它们两个可以一起使用，也可以分开来用。

支持情况
IE6
No
IE7
Yes
IE8
Yes

Max-Height 和Max-Width

示例
#box {
	max-height: 500px;
	max-width: 300px;
}
描述

这两个属性分别指定元素的高和宽的最大值，允许一个盒子比这个指定的最大值小，但是不能更大。它们也可以同时使用或者单独使用。

支持情况
IE6
No
IE7
Yes
IE8
Yes

透明边框颜色

示例
#box {
	border: solid 1px transparent;
}
描述

一个透明的边框色允许一个边框和边框色可见(或者不透明)时占用一样的空间。

支持情况
IE6
No
IE7
Yes
IE8
Yes

固定位置元素

示例
#box {
	position: fixed;
}
描述

position属性的这个值允许一个元素绝对的相对于窗口定位。

支持情况
IE6
No
IE7
Yes
IE8
Yes

固定位置的背景图

示例
#box {
	background-image: url(images/bg.jpg);
	background-position: 0 0;
	background-attachment: fixed;
}
描述

background-attachment属性的值为fixed允许一个背景图片绝对地相对于窗口定位。

支持情况
IE6
No
IE7
Yes
IE8
Yes
Bugs

就像position:fixed一样，IE6同样不支持background-positon的fixed值 。然而，在IE6中只有在这个值用于根元素的时候才有效。

属性值“inherit”

示例
#box {
	display: inherit;
}
描述

将值inherit 应用到一个属性那个允许一个元素从它的包含元素继承计算的值。

支持情况
IE6
No
IE7
No
IE8
Yes
Bugs

IE6 和IE7 不支持inherit 值除了direction 和visibility 属性。

表格单元的边框空白

示例
table td {
	border-spacing: 3px;
}
描述

该属性设置相邻的表格单元的边框之间的空白。

支持情况
IE6
No
IE7
No
IE8
Yes

在表格中渲染空单元格

示例
table {
	empty-cells: show;
}
描述

该属性，只应用于元素的display属性被设置为 table-cell的元素，允许空单元格渲染他们的边框和背景。否则，它们将不可见。

支持情况
IE6
No
IE7
No
IE8
Yes

表格标题的水平位置

示例
table {
	caption-side: bottom;
}
描述

这个属性允许将一个表格的标题放到表格的底部——默认是头部。

支持情况
IE6
No
IE7
No
IE8
Yes

修剪区域

示例
#box {
	clip:rect(20px, 300px, 200px, 100px)
}
描述

该属性指定一个盒子的一个区域可见，剩下的部分修剪掉，或者不可见。

支持情况
IE6
No
IE7
No
IE8
Yes
Bugs

有趣的是，该如果不使用隔开各个值的逗号，IE6和IE7也可以用这个属性。(比如，使用空格隔开剪切的值。)

打印页面中的orphanes和widows

示例
p {
	orphans: 4;
}
 
p {
	widows: 4;
}
描述

orphans属性设定在打印页面底部显示的最少行数。而widows 属性用来设定打印页面头部至少显示的段落的行数。

支持情况
IE6
No
IE7
No
IE8
Yes

盒子内的页面分割

示例
#box {
	page-break-inside: avoid;
}
描述

该属性设定分页是否发生在一个指定元素内。

支持情况
IE6
No
IE7
No
IE8
Yes

Outline 属性

示例
#box {
	outline: solid 1px red;
}
描述

outline 是outline-style, outline-width, 和outline-color的缩写。该属性要优于border属性，因为它不会影响文档流，因而u更有助于调试布局问题。

支持情况
IE6
No
IE7
No
IE8
Yes

display属性的替代值

示例
#box {
	display: inline-block;
}
描述

display 属性通常设置为block, inline, 或none。替代值包括：

  • inline-block
  • inline-table
  • list-item
  • run-in
  • table
  • table-caption
  • table-cell
  • table-column
  • table-column-group
  • table-footer-group
  • table-header-group
  • table-row
  • table-row-group
支持情况
IE6
No
IE7
No
IE8
Yes

处理可折叠空白

示例
p {
	white-space: pre-line;
}
 
div {
	white-space: pre-wrap;
}
描述

white-space属性的pre-line值设定将多个空白元素折叠为一个空白，同时允许明确的设置断行。white-space 属性的pre-wrap 值不会将多个空白折叠为一个，不过也允许明确的设置断行。

支持情况
IE6
No
IE7
No
IE8
Yes

其它各种技术

@import的媒体类型

示例
@import url("styles.css") screen;
描述

就像上面的例子那样，引入的样式表文件的媒体类型声明在文件地址的后面。在该例子中，媒体类型是”screen”。

支持情况
IE6
No
IE7
No
IE8
Yes
Bugs

尽管IE6 和IE7 支持 @import，它们在媒体类型被指定的时候会无效，甚至会引起正@import规则无效。

计数递增

示例
h2 {
	counter-increment: headers;
}
h2:before {
	content: counter(headers) ". ";
}
描述

该CSS 技术允许你自动增加出现在指定元素前面的编号，结合before伪元素一起使用。

支持情况
IE6
No
IE7
No
IE8
Yes

生成内容的引用字符

示例
q {
	quotes: "'" "'";
}
 
q:before {
	content: open-quote;
}
 
q:after {
	content: close-quote;
}
描述

指定用于生成内容的引用呼号，用于q标签。

支持情况
IE6
No
IE7
No
IE8
Yes

重要bug和不兼容性问题

下面是在上文中没有提到的IE6和IE7的众多bug。当然这个列表不包括在这三个浏览器中都不支持的条目。

IE6 Bugs

  • 不支持用样式设置<abbr> 元素
  • 不支持以连字符和下划线开头的class和ID名
  • <select> 元素总是出现在堆叠最上面，而无视z-index值
  • 如果锚点的伪类没有使用正确的顺序(:link, :visited, :hover)，:hover 伪类将无效
  • 一个属性的!important 声明会被同一规则中同一属性的没有使用!important的第二个声明覆盖。
  • height 表现类似于min-height
  • width 表现类似于min-width
  • 左右margin双倍
  • 圆点边框(dotted)看起来像虚线边框(dashed)
  • text-decoration的 line-through 值在文字上看起来比别的浏览器要高一些
  • 有序列表如果有一个固定结构(haslayout为true，不能设置li的高度/宽度/zoom等激活haslayout的值)，序号就不会增加，而是保持为1
  • 列表元素不支持list-style-type的所有可用的值
  • 如果列表条目浮动，指定的list-style-image 将不会显示
  • 不完全支持 @font-face
  • 某些选择器会错误的匹配注释和文档声明
  • 如果一个ID 选择器结合一个类选择器不匹配，同样的ID选择器结合不同的类选择器也将被当作不匹配。

IE7 Bugs

  • 有序列表如果有一个固定结构(haslayout为true，不能设置li的高度/宽度/zoom等激活haslayout的值)，序号就不会增加，而是保持为1
  • 列表元素不支持list-style-type的所有可用的值
  • 如果列表条目浮动，指定的list-style-image 将不会显示
  • 不完全支持 @font-face
  • 某些选择器会错误的匹配注释和文档声明

一些在这里没有提到的IE bug只会在特定环境发生，而且没有指定到特定的CSS属性或值。查看下面的参考以了解更多问题：

更多资源

关于作者

Louis Lazaris 是一个居住在加拿大多伦多的自由职业者，网页开发者，在网站开发领域有9年的经验，在其博客Impressive Webs发布网页设计文章和教程。你可以follow Louis on Twitter 或者在这里联系到他。

]]> http://www.aspdiy.net/article/css/139.htm <![CDATA[用clearfix:after 消除 css浮动]]> 983493#qq.com(98tj) Tue,16 Mar 2010 10:20:17 +0800 http://www.aspdiy.net/default.asp?id=139 <div style="border:2px solid red;">
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">CSSBBS</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
</div>
运行这段代码，大家可以看到，作为外部容器的边框为红色的DIV，没有被撑开。这是因为内部的DIV因为float:left之后，就丧失了clear:both和display:block的样式，所以外部的DIV不会被撑开。
我们想让外部容器的DIV随着内部DIV增多而增加高度，要怎么解决呢？

以前我都是用这样的法子 来解决：
<div style="border:2px solid red;">
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
<div style="clear:both;"></div>
</div>
我们看到，在容器DIV内要显示出来的float:left的所有的DIV之后，我们添加了这样的一个DIV：<div style="clear:both"></div> 。这样，其实就在最后增加了clear的动作。

但是，我总感觉，这么多加一个DIV有点不妥。一是多了一个没有意义的DIV，二是在用dojo做Drag & Drop的时候，由于这个DIV是容器DIV的一个字节点，如果这个节点被移动，则会造成排版上的Bug：如果要显示的蓝框的DIV被移到这个DIV之后，则因为clear:both，它会被强制 换一行显示。所以，我一直在寻找更好的解决措施。

解决的措施：
首先设置这样的CSS：
CSS代码：


代码:
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
然后，我们再修正原本的HTML代码，让外部的容器DIV来应用这个CSS：
HTML4STRICT代码：


<style>
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

* html .clearfix {height: 1%;}

在Firefox里测试一下，哈哈，这样做的确很有效，显示正常，而且dojo的 Drag & Drop 也不会有问题了。原本，这个clearfix的CSS应用了after这个伪对象，它将在利用 clearfix的元素的结尾添加content中的内容。在这里添加了一个句号"."，并且把它的display设置成block；高度设为0；clear设为both；visibility设为潜藏 。这样就达到 了撑开容器的目标啦。

但是，在文章中说，Windows IE并不支撑这样做。所以要让IE也完善显示，则必须 在clearfix这个CSS定义的后面加上一些专门为IE设定的HACK。CSS如下：
CSS代码：

代码:
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

* html .clearfix {height: 1%;}

因为转义字符"\"，Mac IE涉猎器会漠视 掉这段Hack，但Windows IE不会，它会利用 * html .clearfix {height: 1%;} 来达到 撑开DIV容器的目标（貌似Mac IE没有措施解决这个问题，不过幸好用户数量是在是太少了，Safari支撑就可以了:p）。
]]>