摘要: HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe... 阅读全文
posted @ 2014-07-10 16:53 小桥流水细长流 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 如果要想在IE浏览器中实现圆角的效果,我们一般都会采用圆角图片的方式。用图片的话,基本就跟浏览器没有多大关系了,因为任何浏览器都支持这种方式。今天我们主要是讲解如果用CSS3样式表来实现圆角效果,值得注意的是,IE6/7/8这三个IE浏览器版本都不支持CSS3的解析,只有还不太主流的IE9支持CSS... 阅读全文
posted @ 2014-07-10 15:59 小桥流水细长流 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 接下来我们一起来分析一下源码,首先是HTML代码,非常简单: Fabio Basile iPhone 6 Infinity Brian M... 阅读全文
posted @ 2014-06-30 17:25 小桥流水细长流 阅读(711) 评论(0) 推荐(0) 编辑
摘要: HTML5在操作的过程中,很多朋友会遇到一个问题,那就是在播放本地文件的时候时常会有一些问题存在,使得HTML5才操作的过程中本地文件播放不流畅或者是不能够正常的播放。现在,我们就来看看HTML5如何播放本地文件。代码实例如下:Your browser can't support HTML5 Aud... 阅读全文
posted @ 2014-06-30 17:23 小桥流水细长流 阅读(2242) 评论(0) 推荐(0) 编辑
摘要: 1.HTML5编写的CSS ResetCSS Reset也可以写成Reset CSS,即重设浏览器样式。/* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)v1.4 2009-07-27 ... 阅读全文
posted @ 2014-06-30 17:04 小桥流水细长流 阅读(719) 评论(0) 推荐(0) 编辑
摘要: 首先,为了使元素可拖动,把 draggable 属性设置为 true :拖动什么 - ondragstart 和 setData()然后,规定当元素被拖动时,会发生什么。在上面的例子中,ondragstart 属性调用了一个函数,drag(event),它规定了被拖动的数据。dataTransfer... 阅读全文
posted @ 2014-06-25 11:18 小桥流水细长流 阅读(233) 评论(0) 推荐(0) 编辑
摘要: 解决各大浏览器兼容问题hack,IE6/ IE7/ IE8/ IE9/ Firefox/ Opera/ Webkit/ Chrome/ Safari.浏览器兼容是网站前端页面制作最基本的问题,通常IE6最容易出现不兼容的问题。有时候像火狐、谷歌这些浏览器也会出现不兼容的情况,这里做一个相对全面的浏览器兼容hack总结,欢迎补充。color:red; /* 所有浏览器都支持 */color:red !important; /* 除IE6外 */_color:red; /* IE6支持 */*color:red; /* IE6、IE7支持 */+color:red; /*IE7支持*/*+colo 阅读全文
posted @ 2014-03-26 17:20 小桥流水细长流 阅读(287) 评论(0) 推荐(0) 编辑
摘要: 使用CSS样式表一共有2种方式:内部和外部,其中内部分为行内样式和嵌入式,外部分为导入式和链接式。如果需要在不同的方式中设定同一个属性的时候,样式的优先级别就出现了。测试代码如下:red.css:p{ color:red; } test.html:Test Document文字颜色此时,显示文字颜色为灰色,说明行内样式优先级别最高:去掉行内样式之后,显示为蓝色,说明页面嵌入式样式的优先级是仅次于行内样式的:以上说明页面内部样式的优先级别是高于外部样式的。使用外部样式又有两种方式,分为导入式和链接式。增加一个样式表:green.cssp{ color:green; } 分以下两种情况:情况A:情 阅读全文
posted @ 2014-03-25 14:49 小桥流水细长流 阅读(1813) 评论(0) 推荐(0) 编辑
摘要: 一般情况下:[1位重要标志位] > [4位特殊性标志] > 声明先后顺序!important > [ id > class > tag ]使用!important可以改变优先级别为最高,其次是style对象,然后是id > class >tag ,另外,另外在同级样式按照申明的顺序后出现的样式具有高优先级。­先来看下!important 这个诡异的东西。1­除了IE6,其他浏览器都会显示背景为红色,正是!important的作用,意思就是只要我在这里我就是最重要的啦,任何东西都不能取代我,没看见都是一个 !外加一个英文单词 impo 阅读全文
posted @ 2014-03-25 10:57 小桥流水细长流 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 这么久都没有来发表点总结了,看了园里的盆友发表的文章中,我发现自己也长进了不少。 但是,最近两天遇见了一个比较棘手的问题,就是在做web页面时,我用了一个table,这个页面是要供手机端调用的,所以在查看列表的时候(尤其是在查看评论这方面最常用),发现没有支持换行,在PC上看是没问题的,就是在手机端浏览的时候可能由于发表的内容过程致使页面不能换行,所以提出了可不可以支持一下换行的功能。可以呀,折腾了半天总算整出来了。以下是我总结的方法,希望能对一些盆友提供一些帮助吧。首先介绍一个css控制table控制换行的标识:word-break,有两个属性break-all,keep-all。第一种是. 阅读全文
posted @ 2013-12-26 15:04 小桥流水细长流 阅读(6408) 评论(0) 推荐(0) 编辑