每个人都不平庸

 生活中,有多少人在浑浑噩噩过日子呢?有多少人在安逸的生活中懈怠呢?有多少人认为自己没有什么本事就安于现状、不思进取呢?有些时候,我们需要一种危机,来激发我们自身的潜能,唤醒我们内心深处被掩藏已久的人生激情,来实现人生的最大价值。人的平庸,多数不是因为自身能力不够,而是因为安于现状、不思进取,没有激发自己的潜能,在平淡机械的生活中埋没了自己。不要总羡慕别人头上的光环,其实你也有能力给自己戴上美丽的花冠。

网页设计之字体在页面排版上的完全攻略

我们每天设计都在与字体打交道。但是我们一直没有认真在意他们的存在。我们没有很好地使用过他们,甚至滥用他们。这一切是因为我们不了解他们。字体作为排版的重要元素之一;在设计里也是最深奥的一门学问之一。本文中,就与大家来一起探讨一下这门深奥的学问。

  字体的类型

  英文字体(Typeface),分为几种大类,这是在使用英文字体的时候必须知道的基本知识:

  一、衬线体(Serif)

  衬线(serif)就是笔画边缘的装饰部分。下图中红色标注的地方就是衬线。

  

  衬线设计的初衷是为了更清楚地标明笔触的末端,提高辨识率,提高阅读速度。另外,使用衬线字体会让人感觉更加的正统。所以我们常见的英文书籍,特别是论文、小说,很多都是使用衬线体来完成正文的。

  网页设计中常用的衬线体有Times New Roman和Georgia。下图左边是12px的Times New Roman字体,右边是12px的Georgia。

  

  在中文里,我们使用的宋体就是对应的衬线字体。

  二、非衬线体/无衬线体(Sans-serif)

  字体如果不带衬线的话,那么就称为非衬线体或者无衬线体。下图就是非衬线体。

  

  网页设计中常用的非衬线体相对就比较多了。有Arial、Verdana、Tahoma、Helivetica、Calibri等。下图从左到右依次是Arial、Verdana、Tahoma:

  

  值得注意的是,虽然在书籍中,衬线字体被广泛地应用,但是在互联网上,衬线字体很少被使用。由于电脑屏幕分辨率与书籍不具可比性,所以正文10~12px的 衬线字体在电脑屏幕上是很难辨认的。下图是没有Cleartype时,10px的Verdana和10px的Times New Roman的对比。大家可以发现,左侧的Verdana可以被很好的辨识。右侧的Times New Roman辨认相当困难。

  

  三、等宽字体(Monospace)

  等宽字体事实上只针对西文字体。因为英文字母的宽度各不相同。例如i就要比m窄很多。编程时显示代码,如果字母不等宽那么排版将很难看。我们在DOS命令行中,可以看到使用的是等宽字体。

  编程要求的等宽字体有如下要求:

  1、所有字符等宽;

  2、简洁、清晰、规范的字符形体;

  3、支持ASCII码为128以上的扩展字符集;

  4、空白字符(ASCII: 0×20)与其他字符等宽;

  5、“1”、“l”和“i”等三个字符易于区分;

  6、“0”、“o”和“O”等三个字符易于区分;

  7、双引号、单引号的前后部分易于区分,最好是镜像对称的;

  8、清晰的标点符号外形,尤其是大括符、圆括符和方括符。

  常见的等宽字体有Courier,Courier New

  四、手写体(Calligraphy)

  顾名思义,手写体就是手写风格的字体。有时我们也叫它书法字体。中文的书法字体大多都比较生硬。个人更推荐使用日文的书法字体。日文书法字体跟加柔美,更人性。但时使用日文书法字体缺点就是大都都是繁体,另外很多汉字会缺少。

  五、符号体(Symbol)

  Windows里最著名的符号体就是Webdings(记得以前还在Windows 95的时候蛮爱用的……)。下面是Webdings字体的几个:

  字体设计

字体的样式

  常见的字体的样式分为:正常Normal、粗体Bold、斜体Italic。

  简单来说,粗体就是字体会更加黑,更加“粗”。斜体就是将字轴微微倾斜。他们都是用于在篇幅内强调某段文字上。

  在说到粗体的时候,我们很容易联想到CSS里的font-weight(字重)属性。我们知道font-weight(字重)属性值除了我们平常使用的 normal,bold外,还有bolder,lighter,100~900等属性。那么这个100~900的值是什么呢?事实上,100~900并没 有单位。优秀的字体会对不同的字重提供不同的设计。如果字体事先内置了不同等级的粗细程度的设计,那么这几个数值将分别对应每个等级。例如Zurich字 体,就包含了Zurich Light、Zurich Regular、Zurich Medium、Zurich Bold、Zurich Black、Zurich UltraBlack六个字体。这样一来,Zurich Light对应的就是100、200、300三个数值,Zurich Regular对应的就是400也就是“正常 normal”,Zurich Medium对应的是500,Zurich Bold也就是“粗体 bold”对应的是600、700,Zurich Black对应800,最后,Zurich UltraBlack对应的是900。

  对于中文斜体,一般在网络上是不使用的。因为中文笔画繁多,使用了斜体将难以辨认。

  单位

  我们的Web设计中会用到一些单位:

  1、点(pt、point)

  72 points = 1 inch,1英寸是72点。另外,1皮卡(pica)=12 points

  2、像素(pixel、px)

  像素就是电脑屏幕上的一个最小的图像单元,通俗地说就是屏幕上最小的一个点。

  3、DPI、PPI

  DPI 全称是Dots Per Inch,点每英寸,PPI全称是Pixel Per Inch。他们是解析度(Resolution)的单位。也就是说,1inch的长度上能安排多少个点(像素)。举个例子,一般的,我们的显示器大概是 72ppi,也就是1英寸的长度上,有72个点(像素)。dpi/ppi越高,解析度就越高,也就是说,颗粒越小,图像越细腻。一般来说,照片的解析度在 240dpi~300dpi之间,所以为什么照片看起来,要比屏幕上看起来要细致得多。杂志印刷用133或150dpi,高品质书籍采用350-400dpi,因为大多数印刷精美的书籍印刷时用175到200dpi。所以为什么同样物理大小的文字,在书上看,要比在屏幕上看要清晰得多。也就是我们前面提到的,英文书籍印刷,为什么可以大胆得使用Sans-serif字体。

  dpi和ppi之间实质上没有差别。实在要找出差别,那么唯一的差别也许在于dpi常常用于描述扫描仪和打印机,而ppi常常描述屏幕的分辨率。

  4、ex、x-height

  常在CSS中使用。1ex = 小写字母x的高度。

  5、em

  常在CSS中使用。当然,em可不是表示小

心里那些事

09-3-6
最近状态可能不是太好,心里很疲惫,常常失眠,没有以前的那种满腔热情。  明显的没有以前的那样爱抱怨。 心底也不高了, 什么事情也不想去计较了,有时想了很多关于以后的东西,但感觉不再那么困扰了, 拿不起就不拿,放不下就不放,一直以来感觉自己很孤单,不是孤独,   其实我哪里是孤单 ,而是和人交流的太少了,交流的少了,别人就容易误解。
今天是周五,天气也很好。 这里的雨绵绵的下了两周,终于有了第一天好天气,大家都出去玩了,我没有,呆在办公室里发呆,码字, 我这人平时没有什么爱好,也没什么特长,有时感觉真的很必要去培养一下。 以前是不愿意去发时间去做,现在是有了点时间,但却不知道去做什么,
以前上学的时候爱用“郁闷”这个词,现在很少用了,虽然怀念,但不怎么去用了。
我是一个很喜欢安静的人,有时也很希望喧闹。双子座的, 其实什么是双子座和什么双子座是什么意思我并不明白。 装装罢了。
不想写了,该干点别的了。
 

又是一年高考

 孩子是每个家长的心血,期望的眼神让人心酸

 高考的千军万马中,高考考生何去何从,孩子也很彷徨。

 

  毕业后,学的是网络有关的东西。其实在学校那段时间是想成为网络工程师的,但是想做的事并不是一定做得成的事,甚至有的时候恰恰相反,越是想做的事情,越是想得到的东西越是难以做到,难以达到的东西。 于是毕业后,到处晃荡了很久,才做了一份和专业有点相关的工作。 今年的高考刚刚过去,看着这届高考的学子,我不由的想起我们那届的同学们和自己,我常常形容那时的高考生活是一种炼狱,压抑而且焦躁,当然这种心态的后果就是高考落榜,高考一结束,我就知道了,我在上学这条道上失败了,但后来也确实是如此, 不过我此时我自己就感觉奇怪,看着周围同样落榜,痛心的同学们,我竟然有种想笑的感觉。大家仿佛是一个战壕里的战友,战败了,但我们是尽力准备了, 但是现在高考离我已经远去,毕业也离我远去,象牙塔的生活却依然跟着我。似乎很多人还是生活在象牙塔里。

老弟今年也高考,是个艺术生,初步估分一般。当他向我征询报考意见时,我没有直接告诉他,你要报什么,你要去什么学校。只是尽我所能帮他分析了目前的就业和社会形势。把选择权留给了他自己,因为我觉得每个人都该有自己的选择,中考是,高考是,大学就业也是。不同的选择,有不同的走法,只是有的走法走的要远,要累, 但条条大道通罗马, 只要是自己努力付出的。就一定有回报。只不过回报在不同时候并不能马上体现出来。预祝小弟走的更好。

css 浏览器兼容问题集合收集

由于浏览器之间存在兼容性问题,在制作网页的时候,为了使页面能在不同浏览器中显示相对一致或者其他原因,网页制作人员总结了种种 Hack 方法;在解决兼容性问题之前,这些方法还经常会用到。接下来,52CSS.com将向给大家介绍常用的CSS Hack汇总,以便大家平时的速查。

  屏蔽IE浏览器(也就是IE下不显示)
  *:lang(zh) select {font:12px  !important;}  select:empty {font:12px  !important;}  这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。 

  仅IE7与IE5.0可以识别 
  *+html  select {…} 当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。 

  仅IE7可以识别 
  *+html  select {…!important;} 当面临需要只针对IE7做样式的时候就可以采用这个HACK。 

  IE6及IE6以下识别 
  * html  select {…} 这个地方要特别注意很多博客都写成了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。html >body  select {…} 这句与上一句的作用相同。 

  仅IE6不识别,屏蔽IE6 
  select { display :none;} 这里主要是通过CSS注释分开一个属性与值,注释在冒号前。 

  仅IE6与IE5不识别,屏蔽IE6与IE5 
  select { display :none;} 这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。不屏蔽IE5.5 

  仅IE5不识别,屏蔽IE5 
  select {…} 这一句是在上一句中去掉了属性区的注释。只有IE5不识别,IE5.5可以识别。 

  盒模型解决方法 
  selct {width:IE5.x宽度; voice-family :"\"}\""; voice-family:inherit; width:正确宽度;} 盒模型的清除方法不是通过!important来处理的。这点要明确。
 
  清除浮动 
  select:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} 在Firefox中,当子级都为浮动时,那么父级的高度就无法完全的包住整个子级,那么这时用这个清除浮动的HACK来对父级做一次定义,那么就可以解决这个问题。 

  截字省略号 
  select { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } 这个是在越出长度后会自行的截掉多出部分的文字,并以省略号结尾,很好的一个技术。只是目前Firefox并不支持。 

  只有Opera识别 
  @media all and (min-width: 0px){ select {……} } 针对Opera浏览器做单独的设定。 

  以上都是写CSS中的一些HACK,这些都是用来解决局部的兼容性问题,如果希望把兼容性的内容也分离出来,不妨试一下下面的几种过滤器。这些过滤器有的是写在CSS中通过过滤器导入特别的样式,也有的是写在HTML中的通过条件来链接或是导入需要的补丁样式。

  IE5.x的过滤器,只有IE5.x可见 
  @media tty {i{content:"\";}} @import ‘ie5win.css’;
  IE5/MAC的过滤器,一般用不着 
 
  IE的if条件Hack 
  <!–[if IE]> Only IE <![endif]–> 所有的IE可识别<!–[if IE 5.0]> Only IE 5.0 <![endif]–>只有IE5.0可以识别<!–[if gt IE 5.0]> Only IE 5.0+ <![endif]–>IE5.0包换IE5.5都可以识别<!–[if lt IE 6]> Only IE 6- <![endif]–>仅IE6可识别<!–[if gte IE 6]> Only IE 6/+ <![endif]–>IE6以及IE6以下的IE5.x都可识别<!–[if lte IE 7]> Only IE 7/- <![endif]–> 仅IE7可识别 

本文来源:http://www.52css.com

茶与健康

春茶、夏茶、秋茶

春茶、夏茶与秋茶的划分,主要是依据季节变化和茶树新梢生长的间歇而定的。   我国绝大部分产茶地区,茶树生长和茶叶采制是有季节性的。通常按采制时间,划分为春、夏、秋三季茶。但划分标准不一致。有的以节气分:清明至小满为春茶,小满至小暑为夏茶。有的以时间分:5月底以前采制的为春茶,6月初至7月上旬采制的为夏茶。7月以后采制的当年茶叶,就算秋茶了。现将春茶、夏茶和秋茶的品质特征分述如下:   不同茶季的茶叶,无论是外形和内质都有较大的差异。比如绿茶,春季气温适中,雨量充沛,色泽绿翠,叶质柔软,而且氨基酸和多种维生素含量丰富,使得春茶的滋味鲜爽,香气浓馥保健作用明显。而且,春茶一般无病虫危害,无须使用农药,茶叶无污染,因此春茶特别是早期的春茶,往往是一年中品质最佳的。夏茶新梢生长迅速,但很容易老化。茶叶中的氨基酸、维生素的含量明显减少,花青素、咖啡碱、茶多酚含量明显增加,味显苦涩。   春茶、夏茶、秋茶还可以从两个方面去鉴别。   1、干看。主要从茶叶的外形、色泽、香气上加以判断。凡红茶、绿茶条索紧结,珠茶颗粒圆紧;红茶色泽乌润、绿茶色泽绿润;茶叶肥壮重实,或有较多毫毛;且又香气馥郁者,乃至春茶的品质特征。凡红茶、绿茶条索松散,珠茶颗粒松泡;红茶色泽红润,绿茶色泽灰暗或乌黑;荷地轻飘宽大,嫩梗瘦长;香气略带粗老者,乃是夏茶的品质特征。凡茶叶大小不一,叶张轻薄瘦小;绿茶色泽黄绿,红茶色泽暗红;且茶叶香气平和者,乃是秋茶的品质特征。另外,还可以结合偶尔夹杂在茶叶中的花、果来判断,如果发现有茶树幼果,估计鲜果大小近似绿豆,那么可以判断为夏茶。到秋茶时,茶树鲜果已差不多有桂圆大小了,一般不易混杂在茶叶中,但7—8月间茶树花蕾已经开始开花,9月开始,已出现开花盛期,因此,凡茶叶中夹杂有花蕾、花朵者,乃秋茶也。但通常在茶叶加工过程中,经过筛分、拣剔,是很少混杂花、果的,因此必须进行综合分析,方可避免片面性。    2、湿看。就是进行开汤审评,通过闻香、尝味、看叶底来进一步作出判断。冲泡时茶叶下沉较快,香气浓烈持久,滋味醇厚;绿茶汤色绿中透黄,红茶汤色红艳显金圈;茶底柔软厚实,正常芽叶多;叶张脉络细密,叶缘锯齿不明显为春茶。凡冲泡时茶叶下沉较慢,香气欠高;绿茶滋味苦涩,汤色青绿,叶底中夹有铜绿色芽叶;红茶滋味欠厚带涩,汤色红暗,叶底较红亮;不论红茶还是绿茶,叶底均显得薄而较硬,对夹叶较多,叶脉较粗,叶缘锯齿明显,此为夏茶。凡香气不高,滋味淡薄,叶底夹有铜绿色叶芽,叶张大小不一,对夹叶多,叶缘锯齿明显的,当属秋茶

有一天我老了,我会想起谁?

有一天,我老了,我会想起谁?
曾经的沧海,哪处曾有我的痕迹的停留?

是轻抚我的脸蛋,叫我乳名的外婆?
还是在我迷路时给我鼓励和支持的父母?
抑或气息相连的同窗朋友?

曾经年轻的容貌失去活泼的调皮;
曾经的豪言壮志换成了渴望亲情的唠叨;
曾经亏待生活的忙碌成了无言的清静。

此刻的我坐院子里仰望着太阳;
此刻的我坐在摇椅抚摸着家里的小狗;
也许,我的小孙子(女)围在我的旁边,
缠着爷爷:给我讲个故事吧!
也许……..
谁也没有。

此时我能想起谁?
谁能让我想起?
是黄土里的骸骨,
还是延续曾经的我们的下一代的谁?

落叶

        俯拾一枚洁洁的叹息
  
  曾经旋舞的外衣
  
  故去了阵阵骚狂的姿势
  
  手握一束芬芳的感激
  
  痛定枝与叶的分离
  
  飞翔而去热吻生养的土地
  
  端详一章精彩的图文
  
  象一个巴掌的震痛
  
  拍下一段段生命的轨迹
  
  尘埃落定
  
  敏感于妆点世界的归期
  
  请随流水落花而去
  
  有情无意
  
  作一个奔向大海的梦
  
  残忍的背诵摇曳的美丽
  
  枯萎孕育新生的蓓蕾
  
  就象散落的枫叶
  
  流着血泪也未改变颜色