Category Archives: HTML & CSS

HTML5新功能演示

Posted on 2010年04月29日 by Bell

HTML5新功能演示 DEMO>> 如果你想100%运行演示文档中的这些DEMO，请使用Google Chrome浏览器，并在运行Chrome时加上一些参数来启动浏览器的对应功能。(测试中发现部分DEMO无法运行) 演示文档demo目录: #1-2 … #3. Web技术大致的时间轴 #4-5 … #6. JS APIs 新的选择器 #7. JS APIs 本地储存 – Web Storage #8. JS APIs 本地数据库 – Web SQL Database #9. JS APIs 文件缓存 – Application Cache API #10. JS APIs … Continue reading →

Posted in HTML & CSS308 views | Tagged , | Leave a comment

CSS3:阴影-文字阴影&模盒阴影

Posted on 2010年03月27日 by Bell

阴影是设计中经常用到的效果,它能提高设计的质感,在CSS3中具有text-shadow,box-shadow属性,通过简单的设置就可以实现不错的阴影效果.如图: text-shadow语法: selector { text-shadow: length1 length2 length3 color;} 其中: length1: X轴方向偏移(正值是向右偏移,负值是向左); length2: Y轴方向偏移(正值是向下偏移,负值是向上); length3: 阴影模糊半径(值越大阴影越模糊); color:阴影颜色;

Posted in HTML & CSS196 views | Tagged | Leave a comment

边缘标签:sup

Posted on 2010年01月12日 by Bell

<sup>是用来定义上标文本的标签,平常很少用到,基本上属于边缘标签.不过今天在项目中遇到,在调试过程中发现这小子比较难伺候,这里模拟了个简单的代码环境: < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>temp</title> <style type="text/css" media="all"> * { margin:0; padding:0; font:12px/1.5 Arial, Helvetica, sans-serif;} body{ background:url(images/grid.png) no-repeat;} .sup-tm{ width:300px; margin:20px; border:1px solid #ff6600; line-height:20px; … Continue reading →

Posted in HTML & CSS532 views | Tagged | 2 Comments

HTML 5 Demos and Examples

Posted on 2009年12月10日 by Bell

  HTML 5 experimentation and demos I’ve hacked together: Working Interactive canvas gradients (Safari, Firefox) Canvas & Video (Safari, Firefox) Video (Safari, Firefox)

Posted in HTML & CSS198 views | Tagged | Leave a comment

[转] 深入CSS行高

Posted on 2009年11月23日 by Bell

Line Height (中文版) View more documents from bigCat Mao. 转自 http://webteam.tencent.com/?p=1503 翻译自 Russ Weakley 的Line Height

Posted in HTML & CSS288 views | Leave a comment
Pages: Prev 1 2 3 4 5 6 7 8 Next