• 痛失内衣

    2006-12-14



          终于见到久违的太阳了,也让我的被子.衣服到楼顶去见见阳光了,下午累死爬到8楼取衣物,发现我那PP的保暖内衣不见了,就剩衣架在那地方,顿时傻眼,“Oh,mygod!“跟着我远赴千里之远的爱衣飘走了!太让人郁闷了,也不晓得哪个MM干的事,十一前夕手机放桌上也是飘走了。MM啊MM,我该用什么词来形容你呢,真是不想浪费我的表情,我的口水,你就接着干吧,不要被我碰着就OK。
         下面贴两个图片(衣服的包装盒)以表悼念~~~~~~~~~~~
                
       http://www.autsboke.com/xiaoxu/4979515402000g6a
            


       http://www.autsboke.com/xiaoxu/4979515402000g6c
           
        "5555555.老哥。。。。"
        “怎么了?”
         丢衣服的事情第一时间告诉老哥了,老哥讲“算了,你再买一套去,我给你钱!”
      呵呵,多么窝心的一句话啊,就老哥理解我,冒票票用了~~~~~~~~


  • 上海之行

    2006-12-12


         
        挥一挥手,道句:”上海,我会回来的!“已经深深喜欢上了这坐城市。。。。
     太累了,先贴上两张照片,换个时间来表达哈我对上海的爱


                        巨人合影就这般感觉


                          鸟瞰锦江乐园

         http://www.autsboke.com/xiaoxu/4979515402000g0g 
     
                      云霄飞车(再次令人心惊胆颤!)
     
                      
                    
                   



  • 郁闷

    2006-12-07

         

       老哥终于在电话那头吼我了,郁闷来着。。。。
        “相信自己!”

  • 生命之重!

    2006-12-06

       秀秀姐硬要看电影,我就给满足她了(其实我一直都满足姐姐们的要求,老欺负我!)连看了两部灾难片《后天》《龙卷风》这都是我一直以来都想看的了两部片子,迟迟未看!



       尽管知道里面的场景蛮多都是MAYA软件制作合成的,可还是会忍不住担心主人翁的生命安危。《龙卷风》片末,比尔和乔凭借机智和勇敢躲避开死神的袭击,龙卷风过后,共同的历险又使爱意在两人的心底复燃了,一起经历死亡边缘的人,应该会更珍惜生命了,也更加爱对方了,比较满意的一个结局。

       上午有事情在医院逗留了数小时,在医院一楼台阶的地方(光线有些暗)看到一个床,那种可以推动的,立马赶紧加快脚步,总感觉那上面睡着一个不能呼吸的人在,怕!记忆中去医院的次数好象很少,害怕医院中的感觉,在里面总能看到一脸痛苦,或举着拐杖,或被搀扶,或。。。。的人



       时常会在网上看达到很多新闻:不是说这里一朵花未开放就已枯萎,就听说那里一片云彩未经凝聚就被风吹散了,只能耸耸肩膀摇摇头以表悲哀。我们的身体授之于父母,有何资格轻易结束生命;我想告诉阿三,没有资格为另一个她等待,迟缓,颓废那么多年,庆幸启鑫兄(一直给予我鼓励和帮助的朋友)目前的学习状态,希望会更好。



        生命之重,我们没有任何理由让自己的父母失望。你可以不想任何人,包括自己在内,但一定要考虑到父母。现在每次回家,明显可以感觉到父母的苍老,他们可以不断拌嘴,(大半辈子都这样过来的)可在儿女面前,反而显得那么一点小孩子气了,他们各自在儿女面前数落对方的不是,(小时候的我常在爸爸妈妈面前状告那‘可恶’的哥哥,希望让哥哥得到惩罚)似乎也想得到点安慰,不由的感叹,父母而今也需要儿女的保护了!现在我已将自己比喻成家中的一客人了,因为在外求学,很少回家,工作后恐怕更少回家,现在所能做的就是多让父母听到我的声音。



       生命之重,父母以外,信许在远方还有某个人惦记关心着你,信许还有那么一群人都时常念叨着你,我们有更多理由好好生活,好好善待自己
































  •            

    人生若只如初见,何事西风悲画扇?

            骊山语罢清宵半,夜雨霖铃终不怨。

    纳兰

        前些天短信中让一朋友从各方面多我进行评价,结果给回了条“人生若只如初见!”一直没弄明白,今天在豆瓣上看到篇书评:








    人生若只初相见……



    第一次读到这句话,眼泪经不住就要掉落。



    那时,一切都山清水秀,一切都盎然。



    如果只有开始,他仍是他的旷世明君,她仍是她的绝代佳人,便没有马嵬坡的一尺白绫,一把枯骨。



    如果只有开始,他仍是他的江南才子,她仍是她的一代名妓,便没有长江上的一箱百宝,一朵冤魂。



    如果只有开始,他只是普普通通的男生,她也只是简简单单的女生。



    如果只有开始,他不过是她的过客,她不过是他的陌路人。



    如果只有开始,便没有结束,没有牵绊的纠缠,没有错综的隔阂。



    如果只有开始,便没有喜,没有怒,没有哀,没有愁。



    因为只有开始,便一切都欣欣向荣,一切都婀娜绽放。



    不像有了过程,有了结果,有了人间的过往,有了红尘,便有了怨,有了恨,有了不舍,有了遗憾。



    可惜,世事偏要有因有果,有了下文……



    遂,有了玉环那一声三郎,有了唐王英明、江山的落魄。



    遂,有了十娘那一句李生,有了长江底点点珠翠绫罗。



    遂,有了他的心,种了她,有了她的心,栽了他。



    更有了几世也流不完的泪水,望着明月,望着青山,落寞。



    有的人的心从未曾开垦,一旦有过,便执着永恒,甚至宁可它荒芜。



    只是人们看不透,荒芜的心,是曾经如何的波澜壮阔,是曾经如何的繁花锦簇。



    便是因为这些曾经的灿烂,才让它不忍心再随便长出枝桠,污秽那曾经记忆中的璀璨。



    宁可它荒芜着,留着记忆,美丽得绚烂、蔓延。



    烟花的美丽,并不只是因为空中的绽放,而是因为它升空前的勇敢。



    那是怎样的执着,才可以耗尽一生的力气只将笑颜呈现一次?



    那是怎样的感情,才可以用尽最后的美丽让人记住生命的巅峰?



    但看着慢慢静蔼的天空,闻着淡淡消散的火药味道,那,又是怎样的失落?



    昙花的美丽,是因为它夜深人静时的苏醒,几十年一次的稀罕,执着而天真。



    因为它相信,只有那个它等待的人,才会看见它初露荷包的赤裸。



    然后,它便带着和他对视的回忆,进入甜蜜的梦。



    只是,怕,再睁开眼,人世百年,曾经的,烟消云散,再次面对的,形同殊途。



    人生若只如初见,便没有而后,没有回忆,没有不舍……



    就怕上天给了你相识相知的机遇,却没有给相守相依的机会。



    就怕给了相爱的开始,却给了分离的结束。



    最怕的是上天都放弃了两个人之间的联系,那可悲的只剩下各自在不同时间空间各自徒劳的努力。



    最后,不过,镜花水月,凭栏听风……



    人生若只如初见,何事秋风悲画扇?



    等闲变却故人心,却道故人心易变。






        陡然间失去了方向,“人生若只如初见”如此沉重的一句话,足矣让我窒息,不知怎么面对前面的人,不知怎么面对前面的路。



       哥哥告我:讲‘随缘’的男人不是傻子就是没能力,我想女人也应该如此吧,通常跟室友开玩笑讲:姐妹们,幸福就是靠自己争取的,那些图书管里的两只手同去拿一本书的邂逅太老掉牙了,可这些邂逅也可以是你制造的,只要你有心。



       人生若只如初见,太凄凉,太令人痛心,
    所以我是个‘幸福靠自己争取’的倡导者,反倒有人说我与《东京爱情故事》中的莉香有几分相象,有吗?恐怕不是吧!谁愿意用十年去等一个未知的世界,从头到尾这只是一场游戏,一场莉香不应该参与的游戏,走进一片不属于她的世界,付出了全部,却只带走了一颗疲惫的心。我不是莉香,我会为幸福死命去追,哪怕撞得头破血流,最坏的预算也就是相忘江湖,而这又并非由爱生恨,是麻木,是老死不再相往来的解脱.可触及到第三方的时候,又迟缓了,头破血流的我难道不需要考虑她的处境吗,我还要追吗?有时候真希望自己能彻底自私一次,哪怕此生就一次我也愿意。

        茫然了,彻底茫然了,如若得到你的少许的认可,我想我会坚定一点点的。









  •     ”没有谁有义务帮我“

        尽管这句话老早知道,今天再次听到念念对我讲,可还是感觉委屈,忍不住要。。。。眼泪鼻涕一把抓

        和念念认识的这些日子,真的学到了不少人生哲理,也是念念真正把我带入了WEB领域,之前总是用种类似讽刺的语气说我“你不懂的贝!”其实念念也是想激励我去自己探求问题,学习更多的知识。今天念念在工作面前又给想到了我,谢谢念念,我没理由对你抱怨,抱怨什么烂PHP课,抱怨你没时间来帮助我。总之,对念念,除了感谢依旧是感谢。

       师傅要去杭州,我又怎能阻拦,又凭什么阻拦,那是他的生活,他的选择。尽管这些道理我都明白,可找不着师傅人的时候,还是会鼻子酸酸的,一肚子的委屈,自己也不知道委屈什么。

       好想让那些让我鼻子酸酸的人离我远点,可不能啊,这些都是自己的错,没有谁有义务必须对我好的,剩下自己的就是快些的成熟,不断学习,学习待人处事,学习更多的技能,提高自己的能力。

       念念,师傅,真挚希望你们都能幸福快乐!

  • 无题

    2006-12-02

       眼睛总是被一点点事感染得一塌糊涂,长大越发感情脆弱了,长大了也越发失去判断是非的能力了,不知该相信身边的谁,自然就想到老哥了,想着想着,眼睛又被感染了。
       前天下午在车站送老哥前往山东滋博,昨天中午到的,晚上发简讯讲工作都搞定了,我也就放心了。在家里跟老哥讲“老哥呀,我啊,总担心你贝!”老哥说:“我担心你才是!”因为我总跟老哥讲,毕业以后要一个人去外地闯闯,“跑哪去你,先给在武汉呆两年再说,一个女孩子出去,没个人照应,也没得什么社会阅历”最近也却有不少人指着我鼻子说“你个单纯的伢,没什么社会阅历,以后你会懂了的。”听了这话就恼火,我不懂怎么着,我不是正努力学着在吗,你们就好好教我就是的了。
        外面世界很精彩,也很邪恶,有些后怕了,可还是决定去碰一鼻子灰再回来。确是不知道该相信谁了,谁是我可以信赖的人?一般情况下,我会将新认识的一个人首先假设成一个好人来真诚对待,日后的事情也考虑不到那多了,刚认识不久的一个山西的大哥哥说我考虑问题欠周全,可我好象就缺那根筋去周全考虑问题了。
       呆家里多美秒的一个事情,有老爸老妈疼我,还有老哥宠我;在家乡大桥有死党佳哥,义兄龙营他们罩着我;
       在咸宁有闺密苗苗给我鼓励,有傻冒大冷天骑着脚踏车硬是要来车站送我,(蛮感动的);
       在宜昌有个老喜欢吼我的家伙,不过我要一生气他就束手无测了,乱脚步;
       在武汉,有个绝对顾家的好男人小强(这是大家共同讨论的结果,他签北京了),照护着我在,有个对我说话忒刻薄的家伙,在华农的某个角落老惦记着我在,掉了念哥哥,兰丫,小郭,就爱跟他们耍凭嘴;
       在厦门,那家伙十天半个月才会想起传条简讯,留个QQ信息什么之类的,失望了;
       在深圳的那家伙昨天开始,我们不再像以前那样感情那好了;
       在上海,有师傅在,师傅讲了去了上海后会好好照护我的,有呆一起才几个小时的少宏兄,有给我煮牛腩煲的山西大哥哥,他们先去上海开辟根据地,我随后去组织报道。。。。。
       太多的亲人朋友值得我去感恩的了,好象值得我信赖的人也不少,我的世界应该是充满了爱,不用怕了,天塌了,他们都罩着我在。




        插放一段昨天MAYA课上的小插曲:
        上午MAYA课
        跟着小徐混:坐第一桌胖子熊眼皮底下偷偷给师傅传简讯在
        胖子熊讲:“谁发短信在?我机子屏幕闪着在”
        后桌兰丫:“老师,是你自己的手机放边上影响咧!”
        跟着小徐混:偷笑不矣;胖子熊:赶紧把电脑边上的手机放进口袋里

        下午MAYA课:
        后桌兰丫:”老师,是我对不起你贝,上午那个屏幕闪其实是她(跟着小徐混)发短信在,我搞错了,对不起啊,老师!“
        胖子熊:”让我蒙不白之冤!“
        跟着小徐混:”老师,她(兰丫)拍老师的马屁拍得好响啊!“
        胖子熊:”其实我还是蛮喜欢听她(兰丫)讲话的“
        班上同学乐开了花,跟着小徐混:低着头笑喽!
        跟着小徐混上课终于睡着了,被胖子熊点上去操作他讲过的东西,最后跟着小徐混在阿彪等人的帮助下搞定了
        胖子熊:“一不小心,你咋做得这漂亮~!”
        跟着小徐混什么人,呵呵!未来的N人!
         




       

  • 怕怕

    2006-10-11

    >    陡然间发现自己的头发少了许多,有点怕怕了.之前从没有过的,是洗发水的问题,没有啊,一直都用潘婷,是洗头的频率问题?也没有啊,以前不都是每隔一天洗一次吗.最终不得不归属于最近的生活状态了.
       吃不下,睡得也少,通常就呆电脑前N久时间,只是一个星期就运动两次,打打羽毛球.室友讲我过着"非人"的生活.先前对于"非人"生活不以为然,现在不得不担心了.发现自己是间断性的拥有这样的一种精神状态,或许过几天我就得能吃能睡了.(女孩子的大忌啊!)
       刚给从ATM上取来PP,就去学校超市狂购物了,为了悼念我那遗失的头发.主要是我还买回了Maxwell,按理来讲,这东东对我头发来讲是大忌,有时候就是强给自己施加压力,只允许自己一直都保持干劲十足的状态,Maxwell应该是用以施压的一个外界辅助工具.
       昨天一朋友来看我,问我一些生活,学习状况,我都很不耐烦的,不想讲.之前跟他,我都喜欢海聊,聊对自己未来的设想,今天的我似乎沉默了许多,更愿意整天呆在电脑前面,外界的东西对我并没太大的吸引,也不愿意跟朋友海聊了,并不是我不想拥有辉煌的未来,相反,想拥有的东西太多了,需要攀登的高度也呈现出有增无减的趋势,"现在的思想是由你将来想要的生活决定,将来的生活是由你现在的行动所决定."多么经典的一句话,哈哈,这是我讲的.他的经典也是由一同学的点拔才发现的,其实我讲的话并非不经典,只是没有用新去发现它的经典罢了.哈哈....这句话也蛮经典的,只是有点抄袭雨果大师之嫌.寄予我想要的生活,我现在的思想,所以更应该十十倍的努力.
       web开发已经是我今日最大的兴趣了,可却发现身边没有朋友可以去交流,可能是我缺少发现吧.有时候遇到一个问题,好几天都没头绪,郁闷坏了.只好从网上去寻找高手了,互连网是好东西,可以跟远方的他们讨教,可还是不及在我身边的感觉好,我的依赖性有点把大,多希望远方的他们就在我身边,可以海聊了.
       现要打扫宿舍的卫生了,说是弄什么本科评估,(想起来,前些天为中南财大做的那个单子也是为了本科评估),要检查宿舍卫生,那个阿密说他们每天下午做实验,也是因为本科评估.看来对付这个本科评估,每个学校各显神招了.
       今晚开始宿舍就要熄灯了,都已经习惯了电脑陪伴的夜晚,又要适应一种新的生活状态了,Maxwell还是留着明天用了,要不然彻底不眠夜晚.
       




  • >

     >

    很多朋友问过我absolute与relative怎么区分,怎么用?我们都知道absolute是绝对定位,relative是相对定位,但是这个绝对与相对是什么意思呢?绝对是什么地方的绝对,相对又是相对于什么地方而言的呢?那他们又有什么样的特性,可以做出什么样的效果呢?关于两者之间又有什么样的技巧呢?下面我们就来一一解读。

    Absolute,CSS中的写法是:position:absolute;他的意思是绝对定位,他是参照浏览器的左上角,配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位,在没有设定TRBL,默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性,那么当前的absolute则以浏览器左上角为原始点进行定位,位置将由TRBL决定。

     

    一般来讲,网页居中的话用Absolute就容易出错,因为网页一直是随着分辨率的大小自动适应的,而Absolute则会以浏览器的左上角为原始点,不会应为分辨率的变化而变化位置。很多人出错就在于这点上出错。而网页居左其特性与Relative很相似,但是还是有本质的区别的。

    Relative,CSS中的写法是:position:relative; 他的意思是绝对相对定位,他是参照父级的原始点为原始点,无父级则以BODY的原始点为原始点,配合TRBL进行定位,当父级内有padding等CSS属性时,当前级的原始点则参照父级内容区的原始点进行定位。

    有时我们还需要依靠z-index来设定容器的上下关系,数值越大越在最上面,数值范围是自然数。当然有一点要注意,父子关系是无法用z-index来设定上下关系的,一定是子级在上父级在下。







    文章引用自: http://www.andymao.com/andy/post/40.html#cmt41
  • >
    >用CSS定义标题的几个实例
    作者:阿宏 2005-4-21 18:21:15
    • 原文:What is the Best Way to Mark up the Title of aDocument?
    • 说明:本文是 《Web Standards Solutions: The Markup and StyleHandbook》一书中的一章。书号:ISBN:1590593812。我们会陆续翻译此书中有价值的章节。
    • 原作者:Dan Cederholm
    • 翻译:阿宏

    简单的样式

    使用CSS,最容易做的事情就是给我们的标题设置不同的字体样式。我们可以建立一个CSS规则,它将把样式应用到页面中出现的所有

    标签(或者是整个站点,当使用一个外部样式表的时候)。随后,如果我们想要改变整个站点上所有出现

    标签的地方的颜色、尺寸、字体的话,我们所有需要做的事情就是修改一些CSS规则,然后它们将立即改变。听上去非常诱惑人,不是吗?

    让我们认识一下我们自己的超级酷的标题:

    Super CoolPage Title

    用CSS改变颜色、字体和尺寸:

    h1{

    font-family: Arial, sans-serif;

    font-size: 24px;

    color: #369;

    }

    页面上所有找到

    的地方都将应用Arial字体(或者是缺省的sans-serif字体)、24点大小以及兰色,就象图2-2显示的。

     图2-2: 应用样式后的标题

    图2-2: 应用样式后的标题

    接着,让我们在文字的下面增加一条1点宽的灰色边框,以增强清晰度(看图2-3):

    h1{

    font-family: Arial, sans-serif;

    font-size: 24px;

    color: #369;

    padding-bottom: 4px;

    border-bottom: 1px solid #999;

    }

    图2-3:带有灰色下边框的样式化标题

    图2-3:带有灰色下边框的样式化标题

    我们在文字的下方增加了一点补白,来让线条附近宽松一点。由于标题是一个块级元素,所以它的边界不仅仅到文字,而是与页面的水平宽度灵活的保持一致。

    值得指出的是,这个特别的创建边框的方法是一个由三部分组成的语句:宽度、式样、颜色。试着改变它们的值,看看会产生什么不同的效果。

    增加背景

    背景可以增强标题的整洁效果。增加一点补白和背景颜色,我们就有了一个不需要图片的,但又很有样子的标题。如下:

    h1{

    font-family: Arial, sans-serif;

    font-size: 24px;

    color: #fff;

    padding: 4px;

    background-color: #696;

    }

    我们把文字改成白色,周围加上4个点的补白,再把背景改成绿色。就象图2-4显示的那样,这可以建立一个好看的绿色条来横贯页面,分隔段落。

    图2-4: 带有背景色和补白的标题

    图2-4: 带有背景色和补白的标题

    背景和边框

    在标题下面增加一个窄窄的边框,加上淡淡的背景色,你能够创建一种三维的效果,却不需使用图片。

    这个CSS和前面的例子很相似,仅仅改变一点颜色和在底部增加一个2点宽的边框。

    h1{

    font-family: Arial, sans-serif;

    font-size: 24px;

    color: #666;

    padding: 4px;

    background-color: #ddd;

    border-bottom: 2px solid #ccc;

    }

    试着创建各种不同的同色阴影,产生的立体效果如图2-5显示。

    图2-5:带有背景和下部边框的标题

    图2-5:带有背景和下部边框的标题

    平铺的背景

    当背景图片被一起加入后,就变得更富有创造性了。用Photoshop或者你喜欢的图片编辑器,创建一个10*10的图片,图片的顶部有黑色的边框,渐变的灰色一直到底部,象图2-6显示的。

    图2-6:A 在Photoshop中创建10×10点大小的图片

    图2-6:A 在Photoshop中创建10×10点大小的图片(被放大了)

    我们可以用CSS把这个极小的图片平铺在

    的底部:

    h1{

    font-family: Arial, sans-serif;

    font-size: 24px;

    color: #369;

    padding-bottom: 14px;

    background: url(10x10.gif) repeat-x bottom;

    }

    repeat-x会通知浏览器仅在水平方向平铺(repeat-y将在垂直方向平铺)。我们再把图片设置在bottom,又增加了额外的padding-bottom,我们可以调节平铺的图片和上面文字之间的距离。(看图2-7)

    图2-7: 带有平铺背景的标题

    图2-7: 带有平铺背景的标题

    可替换的图标

    处理行内的装饰性圆点和图标时,作为代替硬编码的方式,我们可以继续使用CSS的background属性来把图标设置在文字左边。这个方法可以迅速的改变整个站点的lookand feel——升级一个CSS文件从而立刻改变整个站点的页面。

    代码和前面平铺范例很相似:

    h1{

    font-family: Arial, sans-serif;

    font-size: 24px;

    color: #369;

    padding-left: 30px;

    background: url(icon.gif) no-repeat 0 50%;

    }

    这里,我们在左边留出了额外的空间(在那儿我们将显示一个图标),设为no-repeat,是为了让背景图片只显示一次(看图2-8)。我们把它放置在距离首部0点和距离顶部50%的位置上。

    图2-8:A: 带有图标的标题

    图2-8:A: 带有图标的标题

    轻松升级

    设想这样一个情景来代替前面的例子,我们已经在一个包含100个文档的站点中用标签编码了这些图标。这些图标匹配着整个站点各个的题目。几个星期后,站点的所有者决定更改这个站点的lookandfeel。新的图标和老的图标有着不同的规格。天哪!我们将需要回到所有的100个文档里面,去改变每一个标签,来更新它的image路径。对于一个项目的预算,这额外所需的时间就会推迟原先的期限。时间就是金钱。

    把那些非必须的,装饰性的图片保持在CSS文件中,就可以使得更改背景图片只需几分钟,而不再需要几天,整个站点可以立刻得到升级。你应该开始明白把结构层和表现层的标记分离开的力量了吧。

    可变换的效果

    下面的技巧在某些情况下会很有用。这是我在2003年4月,用标准重构FastCompany magazine(www.fastcompany.com)站点时大量采用的方法。

    我们在整个站点的大多数

    标题中使用了13*13点的小图标,就象这样:

    width="13" height="13" alt="*" /> FIRSTIMPRESSION

    我们用这种方法编码有两个原因。一个原因是,有各种各样的图标,它取决于标题的主题(读书俱乐部的一本书,引号标记着每天的引用,等等)。第二个原因是,当时,我们每个月都会根据当前发行的杂志封面来更换整个站点的配色方案。这种更换要成为可能,当然要用CSS。

    要让这些图标随着页面上其它元素一起变换颜色,并不需要每次都创建新的图标。我们创建一个仅使用两种色彩的图标:白色和透明色(变换的色彩将被透出来)。图2-9显示了这些图标中的一个例子,它们被使用在首页上的每日引言中。

    图2-9:A 13×13 点大小的透明图标

    图2-9:A 13×13 点大小的透明图标(放大的)

    透过图标中透明的部分,我们再次使用简便的CSS中background属性设置想让它透出来的颜色。另外我们还想让色彩仅仅出现在图标的后面,而不影响到标题的文字,因此我们又用下面的方法将规则仅施加于包含在

    内的标签。

    h3 img{

    background: #696;

    }

    前面的代码确定了所有包含在

    内的标签都有一个绿色的背景。色彩透过图片的透明部分显示出来,而白色的部分仍然保持白色。每个月,我们都能用一个不同的色彩值来升级CSS规则,从而改变整个站点中的每个标题以及相关联的图标的色彩。这就象变魔术!

    对齐标签

    为了让图标和文本正确的排齐(我们想让它垂直居中),我们加入了以下CSS规则:

    h3 img{

    background: #696;

    vertical-align: middle;

    }

    这样保证了包含于

    标签中的图片对齐于它的文本中点。图2-10显示了标题的效果。

    图2-10: 应用CSS背景的透明图片的效果

    图2-10: 应用CSS背景的透明图片的效果

    这个方法还有另一个值得注意的地方——不但可以用一个单独CSS代码块来指定图片背后要显示出的背景颜色,同样也可以在CSS代码块的内部指定。

    举个例子,让我们回到前面“可替换的图标”例子,增加一些背景色彩:

    h1{

    font-family: Arial, sans-serif;

    font-size: 24px;

    color: #fff;

    padding-left: 30px;

    background: #696 url(transparent_icon.gif) no-repeat 050%;

    }

    transparent_icon.gif将放置在我们在前面所指定的色彩上面,用的是同样的规则(看图2-11)——这里是#696,一个可爱的绿色。

    图2-11:带有背景图片和色彩的标题

    图2-11:带有背景图片和色彩的标题

    这个技巧使得放置一些与页面色彩相关联的小圆角或者装饰性的图片变得特别的方便。这些非必须的图片被完全的包含在CSS文件中,如果将来要升级,那将可以非常容易的改换。