Category Archives: HTML & CSS

让IE支持HTML5标签

Posted on 2010年05月29日 by Bell

HTML5的特性之一就是新增了语义的标签,比如 header, nav,section,aside, footer,audio,canvas等等.这些标签为设计者提供了更为灵活高效的布局方式.可惜目前的IE是不支持这些标签的…不过还是可以通过一些手段让IE支持部分标签. 先来看看一个HTML5的布局,由于IE无法识别新的语义化标签,所以样式表并没有起作用.

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

Dreamweaver CS5 HTML 5 扩展包下载

Posted on 2010年05月20日 by Bell

今早Adobe Labs 放出了 Dreamweaver CS5 的 HTML5 扩展包 HTML5 扩展包得的新特性： 多屏幕预览面板，适用于同时为不同设备开发 HTML 应用 支持对 HTML 5 新增的标签库的代码提示 支持对 CSS 3 代码提示 增加 Video 和 Audio 标签的实时预览 改进 CSS 3 实时预览效果 改进设计视图下对 HTML 5 新增标签的渲染效果

Posted in HTML & CSS, Software1,125 views | Tagged , , | Leave a comment

CSS的特殊性 (specificity)

Posted on 2010年05月8日 by Bell

CSS的特殊性是非常重要却又经常被忽视的属性,特别是在团队合作下的产品迭代开发中,因为不注重CSS的特殊性最后导致某些代码混乱不堪,这里就把自己对CSS特殊性的认识做一些归纳总结. CSS的特殊性(specificity)也可以称为CSS的优先级或权值:对于每个样式表规则,浏览器都会计算选择器的特殊性,从而使元素属性声明在有冲突的情况下能够正确显示. 特殊性的描述可以把它看成一个4位数: 0.0.0.0 ,数值越大的特殊性越高(例如:0.1.0.0>0.0.1.2),也是最终浏览器显示的效果. 特殊性的具体特性: 内联样式的特殊性为 1.0.0.0 ID选择器的特殊性为 0.1.0.0 类或者伪类的特殊性为 0.0.1.0 元素和伪元素的特殊性为 0.0.0.1 简单的说就是:内联样式的特殊性>ID选择器>类或者伪类>元素和伪元素.

Posted in HTML & CSS1,057 views | Tagged | 2 Comments

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 & CSS1,613 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 & CSS753 views | Tagged | Leave a comment
Pages: Prev 1 2 3 4 5 6 7 8 9 10 Next