随笔分类 -  html5

html5
摘要:我们知道在制作网页/过程中图片占了一个十分重要的地位.尽管网速越来越快,但是图片太大依然是造成网页载入速度过慢的最重要原因之一. 那么到底在GIF,PNG,JPG这些格式我们要选择哪一种作为候选格式,而哪种图片格式可以让图片更小,却拥有更好的图片质量呢? 1.图片格式 GIF GIF最突出的地方就是他支持动画,同时GIF也是一种无损的图片格式,也就是说你在修改图片之后,图片质量并没有损失.再者GIF支持半透明(全透明或是全不透明). 根据Google的说法,GIF适用于很小或是较简单的图片(10×10以下或是3种颜色以下的图片). PNG 首先,PNG包括了PNG-8跟真彩色-PNG 阅读全文
posted @ 2013-06-19 08:39 网络虫 阅读(1049) 评论(0) 推荐(0)
摘要:今天jquery博客遇上CSS文档流与块级元素(block)内联元素(inline)之间的关系,最近一直加班,睡眠不好,有点糊涂了,简单的问题复杂化了。项目多了,有些需要和同事们齐心协力,有些放进去出错,头大啊。文档流将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流。每个非浮动块级元素都独占一行, 浮动元素则按规定浮在行的一端。 若当前行容不下, 则另起新行再浮动。内联元素也不会独占一行。 几乎所有元素(包括块级,内联和列表元素)均可生成子行, 用于摆放子元素。有三种情况将使得元素脱离文档流而存在,分别是浮动,绝对定位, 固定定位。基于文档流, 我们可以很容易理解以下 阅读全文
posted @ 2012-09-03 14:13 网络虫 阅读(209) 评论(0) 推荐(0)
摘要:*html,*htmlbody{background-image:url(about:blank);background-attachment:fixed}*html.plant_header{position:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop))}这两句是什么意思? /*让position:fixed在IE6下可用!*/.fixed-top/*头部固定*/{position:fixe 阅读全文
posted @ 2012-09-03 09:29 网络虫 阅读(149) 评论(0) 推荐(0)
摘要:ZOOM是IE的一个专有属性,其原本的作用被很少提及到,但经常会在一些css样式中看到它出现,这让我对它有些兴趣了。今天解决一个兼容性问题,用Zoom解决的。.maindiv{border:solid 1px #ccc;margin:3px auto; width:624px;height:400px;}.h_title{padding:0;margin:0; _line-height:1;background-color:#C8E1FB;}.s_title{font-size:14px; font-weight:700; padding:5px 10px 3px 10px;display:b 阅读全文
posted @ 2012-06-29 16:08 网络虫 阅读(1459) 评论(0) 推荐(0)
摘要:css兼容性详解申明:非原创仅供学习交流,原文地址:http://www.csdnjava.com/thread-911-1-1.html一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)<style>#wrapper{width: 100px!important; /* IE7+FF */width: 80px; /* IE6 */}</style>2, IE6/IE77对FireFox*+html 阅读全文
posted @ 2012-05-23 06:48 网络虫 阅读(217) 评论(0) 推荐(0)
摘要:html5http://www.frontwow.com/learninghtml5/CSS3http://v.youku.com/v_show/id_XMzQ5ODE5OTA4.html 视频教程http://www.html5china.com/CSS3/ 这个站有CSS3动画部分算法学习:http://www.cnblogs.com/huangxincheng/category/340146.html 阅读全文
posted @ 2012-02-19 07:30 网络虫 阅读(147) 评论(0) 推荐(0)
摘要:HTML5能为我们做的事儿很多,最为可口的就是语义化标签的应用,如果你已经在Chrome或者其他支持HTML5的浏览器上用过它的牛x,那这篇文章对你一定有用,因为现在你也可以在IE上用到HTML5。好吧!今天的主题是:HTML5 Shiv下面是引用Google的html5.js文件,好处就不说了:<!--[if IE]><script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>< ![endif]-->将上代码复制到head部分,记住一定要是head部分(因 阅读全文
posted @ 2012-02-14 10:58 网络虫 阅读(191) 评论(0) 推荐(0)
摘要:HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求。HTML 5 提供了一些新的元素和属性,反映典型的现代用法网站。其中有些是技术上类似<div> 和<span> 标签,但有一定含义,例如<nav>(网站导航块)和< 阅读全文
posted @ 2012-02-14 10:26 网络虫 阅读(381) 评论(0) 推荐(0)