在使用中,如果中文使用宋体而英文没使用宋体,会出现中文和英文行间距不一致的问题。

这是因为中文与英文的基线不同(baseline),英文比中文高出一个像素。

所以我们唯一能解决的办法就是利用不用的字体再加上行间距就和了。英文采用arial字体,中文使用宋体。可在调整行间距离时,把行间距调整成 line-height:1.231,这样就行了。

评论: 2|标签:

CSS3 和 HTML5 足以够彻底改变网站设计的现状。许多新的特性和功能,以前可能需要想破头皮使用各种手段去实现。然而当 CSS3 和 HTML5 将其纳入本地属性后,无论是圆角效果还是多栏布局,一切变得简单易用。

CSS3 教程和资源

Get Started with CSS 3 – 一个基本的 CSS3 使用指南。

Cascading Style Sheets Current Work – W3C 所做的 CSS3 标准的进展细节。

Border-image: Using Images for Your Border – 一份 CSS3 新增图像边框功能的使用指南。

Overview of CSS3 Structural Pseudo-Classes – 方便的 CSS3 结构化伪类参考图表。

Push Your Web Design Into The Future With CSS3 – 介绍了一些 CSS3 规范的新功能。

CSS3 Property Tests – 概述了目前 CSS3 特性的浏览器支持情况。

Rounded Corner Boxes the CSS3 Way – 一份使用 CSS3 新方法创建圆角效果的教程。

CSS3 Selectors Explained – 概述了一些 CSS3 选择器,包括选择器语法。

CSS3 Borders Preview – 介绍了一些 CSS3 新的边框类型,包括圆角边框和梯度边框。

Box Shadow – 为元素创建阴影效果。

RGBA Colors - RGB 颜色的 Alpha 透明效果使用指南。

(全文…)

评论: 2|标签: , ,

BestWebGallery是一个分享优秀网站设计的Gallery网站(CSS&Falsh)。网站本身也设计的很漂亮,本站之前也介绍过一些Web Design Gallery Sites:

Screenalicious:网站缩略图分享网站

Cssclip:优秀CSS设计分享网站

CSSArtillery:优秀CSS设计网站分享

Stylecrunch:优秀CSS设计展示

Thefwa:优秀网站设计分享

Openwebdesign.org

BestWebGallery允许用户定制页面展示效果,提供了三种展示效果,单列,双列,以及缩略图+文字说明;用户可以提交自己喜欢的优秀网站设计。推荐几个我觉得不错的站点Nokia EvolveAnswer Jam

PS:前一阵我也用Wordpress做了一个分享Web2.0的站点:We20gallery(利用现有的免费模板做的:)

链接:http://bestwebgallery.com/

评论: 2|标签:

<abbr>

表示一个缩写形式,比如 “Inc.”、”etc.”。通过对缩写词语进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。

<abbr title="etcetera">etc.</abbr>

注:IE6下无效,其它浏览器均能显示title提示,并且FF下能显示下滑虚线区别

图例:

持续更新中。。。

评论: 2|标签: ,

大一 2010-01-1

新年第一天,和朋友一起去KTV庆祝新年的到来。。。有点儿大,但是还好,没太大。。。
仔细回想我的2009年,过得真的是很颓废。。。第一次没有坚挺自己的人生目标,迷惘了一把。。。。
虽说今年的长进还是挺多的,但还是让自己感觉很不稳定很恐慌。28了,人生的第一个5年计划的最后一年,不知道还能不能实现当初的目标。希望今年可以在事业上有更大的突破。尤其希望能在感情上有所收获。。。。老大不小了,也不能再这么晃下去了。
希望我的2010年,能过得充实和稳定。

评论: 2|标签: