随笔分类 -  Xhtml

HTML5 Shiv – 让该死的IE系列支持HTML5吧
摘要：HTML5能为我们做的事儿很多，最为可口的就是语义化标签的应用，如果你已经在Chrome或者其他支持HTML5的浏览器上用过它的牛x，那这篇文章对你一定有用，因为现在你也可以在IE上用到HTML5。下面是引用Google的html5.js文件，好处就不说了：将上代码复制到head部分，记住一定要是head部分（因为IE必须在元素解析前知道这个元素，所以这个js文件不能在其他位置调用，否则失效）当然，你也可以把代码拿出来自己看着办：(function(){if(!/*@cc_on!@*/0)return;vare="abbr,article,aside,audio,canvas,dat 阅读全文
posted @ 2013-07-10 10:59 抱.抱 阅读(232) 评论(0) 推荐(0)
15+ 易响应的CSS框架快速开启你的敏捷网站项目
摘要：由 于移动互联用户的快速增加，现在数量已经超出10亿，几乎可以肯定的是你的网站每天都会有移动用户访问。如果你组织计划创建一个对移动用户友好的浏览体 验，有多个方面需要考虑。响应快速的网站设计似乎现在很流行，但是仅依赖你的需要也不是正确的发展方向。请记住本地化程序，混杂的程序和移动网站对正反面价值进行调查。为了好扩展响应快的布局能完美适应任何屏幕的大小和设备型号，他们可能在设计和实现上面耗费精力。无论如何，“一个网站适合全部设备”的价值将不该低估。只是考虑这个观念对于一个操作系统和内容维护意味着什么。当开始一个快速响应的网站项目，需要确定一些关键内容。首先当你实现的设计是从头开始的，有考虑的价值 阅读全文
posted @ 2013-07-10 10:58 抱.抱 阅读(148) 评论(0) 推荐(0)
让IE支持@media 响应式布局
摘要：如今的屏幕分辨率，小至320px(iPhone)，大到2560px甚至更高(大显示器)，变化范围极大。除了使用传统的台式机，用户会越来越多的通过手机、上网本、iPad一类的平板设备来浏览页面。这种情况下，固定宽度的设计方案将会显得越发不合理。页面需要有更好的适应性，其布局结构要做到根据不同的设备及屏幕分辨率进行响应调整。接下来，我们将了解一下怎样通过html5和css3Media Queries(媒介查询)相关技术来实现跨设备跨浏览器的响应式web设计方案。我们需要在页面中调用css3-mediaqueries.js文件，来帮助IE8或是之前的版本支持CSS3 media queries：接下 阅读全文
posted @ 2013-07-09 17:47 抱.抱 阅读(1049) 评论(0) 推荐(0)
布局-时间布局
摘要：今天做了一个小布局它的原理就是利用margin的负值当然因为使用到了定位的元素所以也可以用定位的方法来替换margin的作用1.使用到了自适应高度2.margin负值的运用3.百分比获取的应用4.清楚浮动的应用代码：<!DOCTYPE html><html xmlns=http://www.w3.org/1999/xhtml><head> <title></title> <meta http-equiv="content-type" content="text/html;charset=utf-8& 阅读全文
posted @ 2013-05-30 16:38 抱.抱 阅读(244) 评论(0) 推荐(0)