夜生族| 关注web标准

    措施一：我要兼职，我要兼职！

    对于不想冒任何风险而又想尝一尝创业滋味的上班族来说，不妨先尝试一下兼职。目前在北京、上海、广州等大城市，上班族做兼职是一种常见现象。兼职职位有高有低，需要根据各人的能力、机遇而定。不过，不管任何兼职，都可以锻炼能力、积累经验，同时还可以积累一定量的资金，又不占用上班时间，不用放弃目前的工作，正好能够弥补想创业的上班族的短板，可谓一举两得的好事。但是上班族在选择兼职的时候，一定要注意与自己的特长和未来发展的方向相结合。兼职是为了缩短自主创业的距离，缩短从打工者到老板的距离，如果陷入到为兼职而兼职，为眼前的一点蝇头小利斤斤计较，而忘记了对自己能力的锻炼和资源的积累，那就有点得不偿失了。

    措施二：我要朋友，我要朋友！

    充分利用在工作中积累的资源和建立的人脉关系。这是上班族的一个特点，也是上班族的一个优势，学会充分利用在工作中积累的资源和建立的人脉关系进行创业，可以大大减少创业风险。《科学投资》采访过一位朋友，原来在北京一家大的电脑图像制作公司工作，在工作中与很多小的电脑图像公司、报社、杂志社、电视台、电视节目制作公司建立了关系，积累了人脉。时机成熟后，这位朋友辞去了原来的工作，自己成立了一个电脑图像工作室。因为相当于原来工作的延续，无缝衔接，这位朋友几乎没有冒任何风险，便踏上了成功之路。现在这位朋友的工作室生意很红火。但是在这方面要注意的是，不能将个人生意与单位生意搞混淆，将工作秩序搞颠倒，甚至只要是有利可图的生意就归自己，而无利可图或者亏本的生意就归单位，这样做不仅要冒道德上的风险，而且很有能会受到法律的制裁。另外，要区分清楚主业、副业，不能因为自己的创业活动影响单位的工作。

    措施三：我要创业，我要创业！

    选择合适的合伙人进行创业。有些上班族没有时间自己进行创业，但可以提供一定的资金，或者拥有一定的业务经验和业务渠道，这时候就可以寻找合作伙伴一起进行创业。与合作伙伴一起进行创业需要注意的事项是：责、权、利一定要分清楚，最好形成书面文字，有双方签字，有见证人，以免到时候空口无凭。更不能等到赚钱了再说。我们看到无数合作创业的伙伴，在公司没有赢利之前，双方都能够和谐相处、和和气气，一旦公司赚了钱，矛盾便开始出现，有时一发而不可收拾。这就是大多数合伙企业，开始热热闹闹，中间打打闹闹，最后一败涂地的原因。

    措施四：我要项目，我要项目！

    找准好的项目。春节期间《科学投资》记者采访了一位朋友。这位朋友在上海的一家台资企业工作，妻子在一家大型电器公司当推销员。这位朋友手头有一定积蓄，又不愿放在银行里吃息，因为银行利息太低(眼下已是负息)。从去年6月起，他瞅准时机，在上海吴淞码头开了一家拉面馆，后来连开了4家。现在这4家拉面馆每月能为他带来2万多元的收入，远超过其打工的薪水。这位朋友说，其实很简单，他看准了地方，出钱盘下店面，请了几个人来开店，设了一个店长，工资要高些，其他人按市场行情走，每月几百元外带吃祝他只要每个星期到店里走一趟，盘盘帐。因为店小，帐目很简单，无非是进货、出货。进货，就是这个星期买了多少钱的面粉、买了多少钱的牛肉、蔬菜；出货，就是这个星期消耗了多少面粉，消耗了多少钱的牛肉、蔬菜；卖了多少钱，将中间差价一算，刨除房租、水电、税费及人员工资，就是他赚的钱。既省心省力，又不花时间。类似这样的项目，非常适合想创业的上班族。关键是你要开动脑筋，时刻留心，四处留心。另外，就是该下手时就下手，不能犹犹豫豫。大家都在找机会，机会来了你不下手，一眨眼机会可能就被别人逮跑了。

    前不久，有台湾机构调查上班族最热衷的创业项目，一共有10个，分别是：摆地摊卖服装饰品，占20.81%;炸鸡排、咸酥鸡等小吃摊，占18.78%;咖啡店占16.63%；网络上开设店铺，占15.54%；便利商店，占15.32%;饮料冰品店，占14.15%；连锁加盟餐饮，占13.11%；语言补习班，占11.96%；升学补习班，占11.62%；瘦身美容用品或服务，占11.22%。这10个项目都有一个共同的特点，就是投资较少，另一个特点是管理相对简单，不需要创业者长年累月、耗时费力地盯在那里。

    措施五：我要代理，我要代理！

    做一个好的产品代理也不错。现在翻开报纸、杂志，到处是寻找产品代理的广告。有些人对此类广告抱着本能的排斥心理，以为都是骗子，其实并非如此。这里同样隐藏着一座座金山，关键是你要有眼光。选择产品代理，最重要的是看清代理产品的发展前景。成熟的产品是不需要满世界打广告来寻找代理的，不打广告也会有许多代理人找上门来。打广告招代理的产品，一般都是尚处于市场拓展阶段的新产品，因而如何判明产品的市场前景，也就是产品之于代理商的“钱”景，是一门学问。这里有几条原则可供参考：其一，就是尽量不做大公司和成熟产品的代理，因为这类产品一般市场稳定，但利润空间小，条件苛刻，非实力雄厚者不能承受，上班族更难以问津。

    其二，选择产品，必须是真材实料的，必须是正规企业生产的，最好经相关部门认证的有合法手续的产品。其中是否存在市场，可由其产品的功能和广告支持力度来判断。

    其三，产品的独特性与进入门槛要高。有些产品很好，但太容易仿造，结果市场一打开，跟风者一哄而上，市场很快又垮掉，这时候最吃苦的除了厂家，就是代理商，这样的例子我们见过很多。产品的独特性如何，是否容易仿造，可以根据产品原材料的来源是否珍息独有，产品的技术含量等等来判断。

    其四，最好直接与生产厂家接触，而不要做二手甚至三手的代理商，除非生产厂家有特殊要求。如果打算做二手、三手代理商，那么，一要考虑上级代理商留给你的利润空间是否足够，二要考虑上级代理商的人品与信誉，三要考虑上级代理商与生产厂家的关系。上级代理商人品不好，信誉不佳，很可能在你打开市场局面后将你丢掉，以便独食其利；上级代理商与生产厂家关系不好，厂家炒掉上级代理商，也很可能会使你前功尽弃。总之，在这个问题上，要抱一种“害人之心不要有，防人之心不可无”的态度

原文地址：http://www.flash8.net/bbs/dispbbs.asp?boardID=1&ID=133130

**********************************************

1.复制MC并随机设定子MC的相关属性：

duplicateMovieClip("mc","mc"+i,10+i);
setProperty("mc"+i,_x,random(400) );//x坐标
setProperty("mc"+i,_y,random(300) );//y坐标
setProperty("mc"+i,_alpha,random(100) );//透明度属性
i++;
 if(i>200){//设定复制的个数；
 i=1;
}
**********************************************

2.文字的逐个出现（打字效果）

Frame1:   text="引号内是要出现的字";
                ll = text.length;//  表示text文本的字符数；
                i = 1;//用于控制输出的变量；

Frame4:  
                if (i<ll+1) {
        text1 = text.substring(0,i);//从第0个字符开始抽取显示，抽取长度为i；
                        i++;
                        }
********************************************

3.冒泡法排序：
      for(i;i<n;i++){  //外层循环；
           for(j=n;j<=i+1;j--){//内层循环；
              if(a[j]<a[j-1]){
                   temp=a[j];
                    a[j]=a[j-1];
                    a[j-1]=temp;//交换位置；
                    }

*******************************************

4.插入法排序（算法复杂性比冒泡法要小）：
                  for(i=2;i<=n;i++){
                             j=i;
                            if(a[j]<a[j-1]){
                                   temp=a[j];
                                   a[j]=a[j-1];
                                   a[j-1]=temp;
                                   j--;  }
                                }

*******************************************

5.一个按钮控制声音的播放与停止： 
                      on(release)
                          {a=a+1;
                               if(a%2==1){//奇偶判断；
               mysound.stop();
              _root.b=int(ji.position/1000);//记录下停止时播放的位置；
     }
   else{ mysound.start(_root.b);//从上一次停止的位置开始继续播放；
       }
}     

***********************************************
6.MC以恒定速度旋转 

        onClipEvent (enterFrame) {
               _rotation +=6;//设定每次的旋转角度值；
               } 

记住，在设计的时候不要给id赋予“day”的名字，在Firefox下正常，但IE却解析错乱。至今发现的问题是，会导致连接不正常。比如这段代码：

<li><a href="calendar.php" id="day">日</a></li>

本来连接应该是calendar.php,但是，在IE下，我的测试是奇怪的32，不知何故，只能解读为day是IE的保留字，或者说是一个bug。谁能帮我向MS BugZilla一下呢？我希望IE7不会出现这个问题。

先温习一下对于IE的box-model的破解
IE box-model这个臭名昭著的bug存在于IE6/Win以前的每一只版本，这个虫子直到tantak发布了流传最为广泛的那个hack才开始被驯服

http://www.tantek.com/CSS/Examples/boxmodelhack.html
IE5.X/win对box-model的解析是一样的，他们认为width包括了边框(border)和补白(padding)，幸运的是这个情况在IE6中有了好转
但是IE6在向后兼容的同时也包容了以前的错误，IE6其实有两个核心，在旧的页面前他仍旧表现出对错误的宽容，只有在文档中严格地加上文档类型
(DOCTYPE)声明，IE6才能够接受正确的box-model
所以，tantak的hack必须和正确的DOCTYPE同时包含在文档中才能够正常工作 .

div.content {
    width:400px;                //这个是错误的width，所有浏览器都读到了
    voice-family: "\"}\"";            //IE5.X/win忽略了"\"}\""后的内容
    voice-family:inherit;
    width:300px;            //包括IE6/win在内的部分浏览器读到这句，新的数值(300px)覆盖掉了旧的
}
html>body .content {        //html>body是CSS2的写法
    width:300px;                //支持CSS2该写法的浏览器有幸读到了这一句

现在回到主题，我们经常看到!important和(空格)/**/:组合在一起使用，这个写法有什么奥妙呢？

看刚才那个写法，我这里可以提供另一种写法也能达到这样的效果

div.content {
    width:300px !important;        //这个是正确的width，大部分支持!important标记的浏览器使用这里的数值
    width(空格)/**/:400px;        //IE6/win不解析这句，所以IE6/win仍然认为width的值是300px；而IE5.X/win读到这句，新的数值(400px)覆盖掉了
旧的，因为!important标记对他们不起作用
}
html>body .content {        //html>body是CSS2的写法
    width:300px;                //支持CSS2该写法的浏览器有幸读到了这一句
}

同样，这个方法仍必须依靠正确的文档类型声明才能够正常工作，原因在前面已经说过。

文档类型声明就像一个开关，打开向后兼容的未来，而错误使用的话，就是一个Pandora box.
}

如何很好地控制ul标签呢？

作为列表例如

显示如下

• test
  

可以在ul标签上设置 margin 属性来控制圆点的间距。

让圆点不过行，则使用inline删行规则

table 在样式表里定义

前阵子在研究时发现：

表格的 border="0"  可以定义为 border-style: none ，因为边框为0，也就是不要边框。表格默认是没有边框的，也可以不定义。

表格的 cellspacing="0" 可以定义为 border-collapse: collapse，至于原因看看样式表手册 2.0

表格的填充 cellpadding，这时我一直没办法定义，因此想了一下，忽然觉得 padding 就是填充，那么表格的填充实际上是 td 的 padding

样式表如下：

网页代码如下：

原来的代码：

呵呵...end! :)

没事对浏览器特性研究了一下，用样式表来实现鼠标经过图片，点击图片交换图片。

怎么做？我想如果IE浏览器最简单不过了，但换作Mozilla,FireFox...那可真是一个头疼的问题。

为了适应任何浏览器，我在这里只做简单介绍，假设我有两张图片，宽为：93px 高为：45px

样式表

url(../images/01on.jpg) 这里图片为你图片的实际路径

html里是这样的

自己试试？如何？是不是很简单？

/* Mozilla, height+14 */ padding:0 45px 31px 48px!important;  padding: 0

这句话的作用在此简单解说一下！

Mozilla,FireFox 都是 mozilla 这家人的，所以随便用一个测试就可以了。

height +14，相信大家也明白我的注释意思了吧？高+14，在 mozilla 浏览器里。IE可以直接定义a属性的width和height，但mozilla好象不起作用？那么，用内填充padding来撑大，但撑的同时，IE已 经定义了width和height，那就不能让IE错乱了吧？刚好!important声明起作用了。由于IE浏览器对该声明并不在乎，也就是说，样式默认是读最后一个的，因此我们让MOZILLA读第一个padding设置，IE读第二个。

padding顺序：上,右,下,左 ，很容易记，是顺时针的。

mozilla有个奇怪的bug,在此大家试的过程一定会发觉，因此我不定义“上”的填充数值。左和右随便定义，或者左为0，右93px（图片宽93px）。那高就是原来的 45PX - 14PX = 31PX

OKAY... 一个试验品，相信可以带来更多的方便。

各位若有问题可以在我群里提出来。谢谢

至于怎么做鼠标点击时，点过的连接图片，大家可以看看样式表手册，其实DW里早已经有分出来，我在此不多说了，眼见为实。 :hover 是鼠标经过时超连接样式规则

1. CSS字体定义缩写规则 当你定义字体时用到以下这些属性：
   font-size: 1em;
   line-height: 1.5em;
   font-weight: bold;
   font-style: italic;
   font-variant: small-caps;
   font-family: verdana,serif;

   那么你可以缩写成这样简短的一行：font: 1em/1.5em bold italic small-caps verdana,serif 这样看上去就好多了。只是我需要给你几点忠告：这种css缩写形式只有当你同时定义了字体和字号的时候才有用。且如果你定义了字重（font- weight），字型(font-style)以及字的变量(font-varient)，那么这些属性值就会自动显示为默认的正常状态的值，记住这一点。

2. 采用两个类 通常我们只采用一个类(class)来定义一个属性，但是这并不表示你只能这样做不可。事实上，你可以想加多少类在一个属性上都可以。例如你可以这样<p class="text side">…</p>。

   使用这两个类（用空格分开而不是逗号）意味着这个段落将同时采用text和side的规则。如果两个类之间有重复的定义，那么将采用两个中属于下一级的那个类的规则。

3. CSS 的默认边框（border）值当你定义个border的首你通常会考虑它的颜色（color）、宽度（width）和样式（style）（次序任意）。例如 border: 3px solid #000将会显示一个黑色的实心的3px宽边。然而这里唯一需要定义的只是border的style（样式）。

   如果你要定义一个 border为实心（solid），那么边框就将采用浏览器默认的值。但是什么是默认的值呢？边框的默认宽度是中等（相当于3到4px），默认的颜色是边框内的文本的颜色。如果这两者中任意一个都是你想要的边框的样式，那么你完全可以不用自己费劲去写定义语句。

4. IE会忽略! important 在css规则中通常最后定义的会被优先执行。然而如果你在一个语句后面采用采用 !important那么浏览器应当会不考虑其后的语句而优先执行这个css语句。这一规则对所有非ie浏览器均适用。例如：margin-top: 3.5em !important; margin-top: 2em 那么在所有非IE浏览器中上顶边将会被设置成3.5em，而ie中设置成2em。这一点有时候也是很有用的。尤其是当使用相对边缘（如举例中的那种）的时候，这一点可以在ie和其他浏览器里面显示的略为不同。
5. 图片替代技巧 我们通常建议采用HTML标记来显示text，但是不要用在图片显示上面。这样的做的好处是可以提高页面加载速度并且有比较的好的访问率。然而如果你非觉得你的页面的访客都不喜欢看你这个网页的文字的话，那么你只能使用图片了。

   举例来说，如果你是个配件供应商，你想要每个页面的顶图都是你要卖的小配件，并且希望这一词条能够被搜索引擎搜到的话，你可以这样定义图片< h1><img src="widget-image.gif" alt="Buy widgets"/></h1>。这样做当然可以，但是我得很明白的告诉你的是搜索引擎并不会看重你图片的alt文本。（因为有太多网页建设者使用alt文本来冒充关键字了）。所以另外一种方法是<h1><span>Buy widgets</span></h1>,这样你显然不必采用你的隐藏文字了。那么修正这一问题的方法是在css的样式里面这样定义
   h1
   { background: url(widget-image.gif) no-repeat;
   }
   h1 span
   {
   position: absolute;
   left:-2000px;
   }

   那么带有你希望字体的图片现在就会在浏览器下正常显示了，而且由于我们采用了距离屏幕左边缘2000px的定义那个文本并不会显示在页面的图片上。

6. 另析CSS盒子(box)模型 box模型通常使用来修正ie6以前的浏览器中，边框（border）和补白（padding）被包含在元素的宽度值中而不是附加在宽度之外的问题。例如当定义一个container的尺寸的时候，你也许会采用下面的css规则：
   #box
   {
   width: 100px;
   border: 5px;
   padding: 20px;
   }
   这个css规则会使用在<div id="box">…</div>中。

   这就意味着在所有ie6后的浏览器下box的总宽度是150px（100px的宽＋2个5px宽的边框＋两个20px宽的补白）。在这些浏览器中box的总宽度包括了补白和边框才是100px。box模型的定义可以修正这一问题，但是也会带来许多麻烦。

   一个简单的修正法如下：
   #box
   {
   width: 150px;
   }
   #box div {
   border: 5px;
   padding: 20px;
   }

   这个css规则会使用在<div id="box"><div>…</div></div>中。很完美。现在所有浏览器下的box宽度都是150px。

7. 中间对齐一个块（block）元素 假设你想要一个固定宽度的网页布局，主体部分以浮动元素形式显示在屏幕中央。你可以采用下面的CSS语句:
   #content
   {
   width: 700px;
   margin: 0 auto;
   }
   然后你会想要<div id="content">包围住每一个页面的内容项，而且它有一个自动的左边缘和右边缘以确保它总是在屏幕中央。很简单。。。不过也不尽然，我们仍然得考虑一下ie6以前的浏览器的显示问题，因为这些浏览器不会按照css的控制进行中心对齐。你得改变一下上面的css语句：
   body
   {
   text-align: center;
   }
   #content
   {
   text-align: left;
   width: 700px;
   margin: 0 auto;
   }

   这就会中心对齐主体部分，但是会导致文字都变成中心对齐的。为了修正这一问题，我们可以把文字对齐方式 text-align: left这条语句加到content div的css定义中去。

8. 采用css进行垂直对齐表格（table）的垂直对齐不是个难题。为了使一个cell的所有子内容都在它中间一直线对齐，你可能会采用vertical-align: middle，但是这并不会在css布局中发挥作用。假设你想要一个高度是2em的菜单项，你或许会在css规则中使用vertical align的语句，这没什么作用，并且文字会全部显示在box元素的顶部。

   唔。。不是你想要的效果吧。有什么解决方法么？那么你可以在css语句里面把行高设置为和box元素的高度一样的值。在上面的语句中box就是2em高，然后我们可以在它的css定义中加入 line-height: 2em，并且使text文本浮动（float）在box的中间。ok，效果达到了。

9. 在一个容器（container）里面采用CSS定位 CSS的一个很大的优点是你可以用它来设置一个对象（object）在页面中的绝对位置。当然你也可以（而且经常会被用到）在一个容器（container）里面设置对象（object）的位置。这很容易实现。只要采用下面的css语句：
   #container
   {
   position: relative;
   }

   现在这个容器（container）内的任何一个元素都会变成相对于它的定位。你可以采用下面的html结构：
   <div id="container"><div id="navigation">…</div></div>

   为了使导航的位置在距离它的父元素box左侧30px，顶部5px的位置，你可以使用下面的css语句：
   #navigation
   {
   position: absolute;
   left: 30px;
   top: 5px;
   }

   完成!在这个特殊的例子中，你当然你可以使用margin: 5px 0 0 30px，但是其他一些情况下你最好还是采用position来定位。

10. 屏幕底部的背景颜色 CSS的一个缺点就是不能实现垂直方向的控制，这样就会导致不能用table进行布局的问题。假设你有一个包含网站导航的列要放在页面的左侧，这个页面背景是白色的，但是你想要左侧有一个蓝色背景。很简单，你只要采用下面这样的CSS语句：
    #navigation
    {
    background: blue;
    width: 150px;
    }

    采用上面的语句的话，会有一个问题：由于导航内容的每一个条目并不会延伸倒页面底部，就会产生它下方的部分仍然显示白色背景色。这样看起来好像被切断了一样的左侧蓝色背景色就会破坏你原本的设计意图。那么你能怎么办呢？

    很不幸的是只有一个解决方法，那就是用一个蓝色的背景图来代替左侧的蓝色背景色。语句如下：
    body
    {
    background: url(blue-image.gif) 0 0 repeat-y;
    }
    你放置在原来位置上的背景图的宽度正好是150px而且颜色也就用你想要的那个颜色。这样座的缺点就是你不能以em来定义左侧宽度，因为如果用户手动调整浏览器的文字大小的时候，左列的宽度也会改变，但是蓝色背景图像并不会跟着变换尺寸。

    但是现在只有这么一个办法解决我们一开始列出的问题，所以如果你希望左列的颜色不一样的话最好用px来定义左列的宽度。

    ------------------------------------------------------------------------------------
    原文：
    

    Ten CSS tricks you may not know
    By Trenton Moss (trenton)

    
    
    1. CSS font shorthand rule
    When styling fonts with CSS you may be doing this:
    
    font-size: 1em;
    line-height: 1.5em;
    font-weight: bold;
    font-style: italic;
    font-variant: small-caps;
    font-family: verdana,serif;
    There's no need though as you can use this CSS shorthand property:
    
    font: 1em/1.5em bold italic small-caps verdana,serif
    Much better! Just a couple of words of warning: This CSS shorthand version will only work if you're specifying both the font-size and the font-family. Also, if you don't specify the font-weight, font-style, or font-varient then these values will automatically default to a value of normal, so do bear this in mind too.
    
    2. Two classes together
    Usually attributes are assigned just one class, but this doesn't mean that that's all you're allowed. In reality, you can assign as many classes as you like! For example:
    
    <p class="text side">...</p>
    Using these two classes together (separated by a space, not with a comma) means that the paragraph calls up the rules assigned to both text and side. If any rules overlap between the two classes then the class which is below the other in the CSS document will take precedence.
    
    3. CSS border default value
    When writing a border rule you'll usually specify the colour, width and style (in any order). For example, border: 3px solid #000 will give you a black solid border, 3px thick. However the only required value here is the border style.
    
    If you were to write just border: solid then the defaults for that border will be used. But what defaults? Well, the default width for a border is medium (equivalent to about 3 to 4px) and the default colour is that of the text colour within that border. If either of these are what you want for the border then you can leave them out of the CSS rule!
    
    4. !important ignored by IE
    Normally in CSS whichever rule is specified last takes precedence. However if you use !important after a command then this CSS command will take precedence regardless of what appears after it. This is true for all browsers except IE. An example of this would be:
    
    margin-top: 3.5em !important; margin-top: 2em
    So, the top margin will be set to 3.5em for all browsers except IE, which will have a top margin of 2em. This can sometimes come in useful, especially when using relative margins (such as in this example) as these can display slightly differently between IE and other browsers.
    
    (Many of you may also be aware of the CSS child selector, the contents of which IE ignores.)
    
    5. Image replacement technique
    It's always advisable to use regular HTML markup to display text, as opposed to an image. Doing so allows for a faster download speed and has accessibility benefits. However, if you've absolutely got your heart set on using a certain font and your site visitors are unlikely to have that font on their computers, then really you've got no choice but to use an image.
    
    Say for example, you wanted the top heading of each page to be ‘Buy widgets’, as you're a widget seller and you'd like to be found for this phrase in the search engines. You're pretty set on it being an obscure font so you need to use an image:
    
    <h1><img src="widget-image.gif" alt="Buy widgets" /></h1>
    This is OK but there's strong evidence to suggest that search engines don't assign as much importance to alt text as they do real text (because so many webmasters use the alt text to cram in keywords). So, an alternative would be:
    
    <h1><span>Buy widgets</span></h1>
    Now, this obviously won't use your obscure font. To fix this problem place these commands in your CSS document:
    
    h1
    {
    background: url(widget-image.gif) no-repeat;
    }
    
    h1 span
    {
    position: absolute;
    left:-2000px;
    }
    The image, with your fancy font, will now display and the regular text will be safely out of the way, positioned 2000px to the left of the screen thanks to our CSS rule.
    
    6. CSS box model hack alternative
    The box model hack is used to fix a rendering problem in pre-IE 6 browsers, where by the border and padding are included in the width of an element, as opposed to added on. For example, when specifying the dimensions of a container you might use the following CSS rule:
    
    #box
    {
    width: 100px;
    border: 5px;
    padding: 20px;
    }
    This CSS rule would be applied to:
    
    <div id="box">...</div>
    This means that the total width of the box is 150px (100px width + two 5px borders + two 20px paddings) in all browsers except pre-IE 6 versions. In these browsers the total width would be just 100px, with the padding and border widths being incorporated into this width. The box model hack can be used to fix this, but this can get really messy.
    
    A simple alternative is to use this CSS:
    
    #box
    {
    width: 150px;
    }
    
    #box div {
    border: 5px;
    padding: 20px;
    }
    
    And the new HTML would be:
    
    <div id="box"><div>...</div></div>
    
    Perfect! Now the box width will always be 150px, regardless of the browser!
    
    7. Centre aligning a block element
    Say you wanted to have a fixed width layout website, and the content floated in the middle of the screen. You can use the following CSS command:
    
    #content
    {
    width: 700px;
    margin: 0 auto;
    }
    
    You would then enclose <div id="content"> around every item in the body of the HTML document and it'll be given an automatic margin on both its left and right, ensuring that it's always placed in the centre of the screen. Simple... well not quite - we've still got the pre-IE 6 versions to worry about, as these browsers won't centre align the element with this CSS command. You'll have to change the CSS rules:
    
    body
    {
    text-align: center;
    }
    
    #content
    {
    text-align: left;
    width: 700px;
    margin: 0 auto;
    }
    
    This will then centre align the main content, but it'll also centre align the text! To offset the second, probably undesired, effect we inserted text-align: left into the content div.
    
    8. Vertically aligning with CSS
    Vertically aligning with tables was a doddle. To make cell content line up in the middle of a cell you would use vertical-align: middle. This doesn't really work with a CSS layout. Say you have a navigation menu item whose height is assigned 2em and you insert this vertical align command into the CSS rule. It basically won't make a difference and the text will be pushed to the top of the box.
    
    Hmmm... not the desired effect. The solution? Specify the line height to be the same as the height of the box itself in the CSS. In this instance, the box is 2em high, so we would insert line-height: 2em into the CSS rule and the text now floats in the middle of the box - perfect!
    
    9. CSS positioning within a container
    One of the best things about CSS is that you can position an object absolutely anywhere you want in the document. It's also possible (and often desirable) to position objects within a container. It's simple to do too. Simply assign the following CSS rule to the container:
    
    #container
    {
    position: relative;
    }
    
    Now any element within this container will be positioned relative to it. Say you had this HTML structure:
    
    <div id="container"><div id="navigation">...</div></div>
    
    To position the navigation exactly 30px from the left and 5px from the top of the container box, you could use these CSS commands:
    
    #navigation
    {
    position: absolute;
    left: 30px;
    top: 5px;
    }
    
    Perfect! In this particular example, you could of course also use margin: 5px 0 0 30px, but there are some cases where it's preferable to use positioning.
    
    10. Background colour running to the screen bottom
    One of the disadvantages of CSS is its inability to be controlled vertically, causing one particular problem which a table layout doesn't suffer from. Say you have a column running down the left side of the page, which contains site navigation. The page has a white background, but you want this left column to have a blue background. Simple, you assign it the appropriate CSS rule:
    
    #navigation
    {
    background: blue;
    width: 150px;
    }
    
    Just one problem though: Because the navigation items don't continue all the way to the bottom of the screen, neither does the background colour. The blue background colour is being cut off half way down the page, ruining your great design. What can you do!?
    
    Unfortunately the only solution to this is to cheat, and assign the body a background image of exactly the same colour and width as the left column. You would use this CSS command:
    
    body
    {
    background: url(blue-image.gif) 0 0 repeat-y;
    }
    
    This image that you place in the background should be exactly 150px wide and the same blue colour as the background of the left column. The disadvantage of using this method is that you can't express the left column in terms of em, as if the user resizes text and the column expands, it's background colour won't.
    
    At the time of writing though, this is the only solution to this particular problem so the left column will have to be expressed in px if you want it to have a different background colour to the rest of the page.
    

上图为演示界面

舞魅Ver2.0:http://www.wumay.com

下载地址:http://www.wumay.com/html/class_08/news/131037393.htm

1.人不犯傻，我不犯傻，人若犯贱，我必更贱。

　　专栏作家沈宏非概括的派对着装原则。

　　2.王子们都开始隐居了，女人们看见的都是白马。

　　某专栏作家说，白马王子的时代似乎已经结束，只剩下动物性的本能了。

　　3.人行了，企业就行了。

　　一位民企老板著文说，“企业”去掉人，就是“止业”，所以人最关键。

　　4.只有假货是真的，别的都是假的。

　　消费者抱怨假冒伪劣商品的无处不在。

　　5.过年就像一锅熬了几千年的汤，虽然不断地有新鲜的作料加进来，但是原来的味道却越来越淡。

　　随着旅游、泡吧、运动等现代元素的不断增加，传统意义上的过年仿佛离城市中的人们越来越远了。

　　6.怀才就像怀孕，时间久了才能让人看出来。

　　某知名少年作家在接受采访时说。

　　7.你永远不能休息，否则，你就永远休息。

　　北京CBD白领真实感言。

　　8.女性也许还没有统治整个世界，但至少已统治很大一部分了。

　　商界最有权力的女性们过的就是发展的瘾。

　　9.放烟花是一种习俗，但习惯并不等于权利。新中国成立前，妇女缠足也是习俗。

　　一名网友谈禁放烟花。

　　10.有出息的人付给银行利息，没出息的人才眼巴巴地坐等着收银行利息。

　　一位女作家说。她还说过，她最喜欢的读物是银行存折。

　　11.医生，请把孩子取出来之后，顺便给我吸吸脂。

　　广州一妇女在剖腹产手术前对医生说。

　　12.宋人黄庭坚曾说三日不读书，便觉面目可憎，张爱玲也这样说过，可我已经4年没怎么好好买一本书了。

　　一位读者在4月23日世界读书日说。

　　13.我的小学、中学、大学，现在都不是我上学时的名称，搞得我写简历很麻烦，要加上长长的注解。

　　一位正在求职的研究生对时下正热的大学改名风深表不满。

　　14.白大荒。

　　有人如此称呼未婚的大龄女白领。

　　15.我们该在哪儿接吻？

　　成都某高校两学生因在教室接吻、拥抱，被学校以发生“非法性行为”为由勒令两人退学。南京的一位大学生愤而为他们鸣不平，公开发出了上面的疑问。

　　16.哪里摔倒就在哪里躺下。

　　有人说。

　　17.车上的乘客大家请注意，下一站车上将上来几个小偷，大家一定要看管好自己的钱包和随身携带的物品。

　　某城市的公共汽车售票员这样提示。

　　18.平时专业课、实验、学位、英语忙得够呛，甚至没有时间找女朋友，哪还有时间和精力去学什么《大学语文》？

　　面对大学生汉语运用能力下降的批评，大学生们有自己的抱怨。

　　19.人们想知道而又不知道的房地产界真相，这上面全有。

　　某房产商炮制出“中国第一部最完整和专业的房地产研究报告”，售价将是每本3000元。

　　20.千万不要把公司当做家。

　　——某公司进行了其公司历史上最大规模的裁员，一名亲历事件的员工在网上发表感言的帖子标题。


21.我不懂外文，但我爱看外文杂志。

　　——一位杂志社的美编这样解释读图时代的另类阅读。

　　22.大家想看的其实是《穷爸爸换富爸爸》。

　　——某笑星说这些年来《富爸爸穷爸爸》如此畅销，是因为大家在标题中错误地多看了一个字。

　　23.美人对眼睛来说是极乐世界，对心灵来说是地狱，对腰包来说是炼狱。

　　——一家媒体引用一位法国文学家对美人的描述来告诫男人。

　　24.一群没有经济能力的人养活了一大群人。

　　——大学生谈恋爱已成为当今社会的普遍现象，由此带来的“恋爱成本”也成为热点问题。一位大学教授对高校爱情消费如此概括。

　　25.电脑的确可以节约时间、提高工作效率，比如说，玩纸牌游戏时根本就用不着洗牌。

　　——一位白领谈电脑。

　　26.查得出的叫兴奋剂，查不出的叫高科技。

　　——在“更快更高更强”的标语下，运动员借助技术进步一次次突破人类的极限。《新周刊》用这样的标题对该现象进行报道。

　　27.机遇像个小偷，到来时无声无息，走时你却损失惨重。

　　——一位父亲对赋闲在家的儿子的忠告。

　　28.男人不再帮老婆洗碗，而是开始自己一个人把这活包下来。

　　——蜜月结束的标志。

　　29.有些人连自己的邻居都不认识，而对世界上到底有没有外星人却关心得要命。

　　——网上评论。

　　30.假如李敖主持《读书时间》……

　　——一读者在电视读书节目面临危机时建议。

　　31.其实从猿到人的演化现在还是在进行的，因此我们可以欣赏到非兽非人的类人猿的活剧。

　　——对于社会上那些宁可被骂也要博得眼球成名的现象，评论家如此妙评。

　　32.生于2月29日。

　　——2月29日每四年才有一次，部分孕妇为了孩子每年都可庆祝生日，特意提早剖腹产子。

　　33.他英俊，潇洒，而且还有一油罐汽油。

　　——在全球石油价格上涨的背景下，美国一位女士的新择偶观。

　　34.从今往后，露齿而笑或者是任何露出牙齿的表情都是不合格的。

　　——英国内务部的一名官员表示，护照照片中牙齿的反光将使新型扫描装置失效，拍照时应该闭着嘴。

　　35.把一个不知怎么读的品牌的冰箱摆在家里，可真够别扭的。

　　——一位美国家庭主妇在接受《商业周刊》采访时谈对中国某知名家电企业产品的印象，这正好提醒那些拥有国际化雄心的中国企业，不要低估进入西方发达市场的难度。

日子就这样悄悄在指间逝去..回头才发现,我浪费掉的时间太多了.

周围的朋友都不是很好.KingFox的大学没有读完,他不想再读下去,于是找了份工作.每个月仅仅800RMB,这就是一个程序员的价值?除了300的房租,我不知道他还剩下什么.他吸烟吸得很凶,于我更甚.我不知道,他和他MM的幸福会多久才能出现..

韩啸和点点在广东,同样为理想奋斗着.自己租房,同样应是很辛苦.我们并不怕辛苦,只是希望辛苦只是一个过程,最终,我们会得到我们想要的幸福.因为,我们还年轻.

说到年轻,我又想到了大叔.很久没有他的消息了.他从东北到了河南,却又最终回到了东北.30多岁的人,已经变得很现实了.仅仅是想养活自己的妻子和女儿,却不得不离家四处奔波..

 今天投了几份简历,不知道结果怎样.但是就像MM说的,我们真的该努力了.遇到她是我的幸福,可是幸福不应仅仅局限于此.我要让她幸福.我真的好想娶她,呵护着她,一生一世.

当我们在憧憬中快乐的时候,我们也要在现实中向前走一步,哪怕,仅仅是一小步.