随笔分类 -  HTML+CSS

摘要：天下武功唯快不破，对普通用户而言，评判一款浏览器是否优秀，最直观的体验就是速度。而这也正是众多浏览器产品必争之地。Chrome异军突起，法宝正是速度，IE从IE8也开始逐渐发力，国内也出现了不少主打高速、极速的浏览器，如搜狗等。 猎豹是国内浏览器的新秀，今天刚刚迎来了正式版。从猎豹的名字就可以看出，这款浏览器在速度方面一定下足了功夫。 那么谁的速度更快呢？下面我们就通过专门的测试来检验一下，这些浏览器是否有“真才实学”。 我们选取了IE9、Chrome 19、Firefox 13、Opera 11、猎豹浏览器正式版、360安全浏览器5.0 、搜狗3.2、傲游3.3.9八款浏览器，分别从冷... 阅读全文

摘要：在快节奏的工作、生活环境下，人们对于浏览器速度的要求越来越高，由此而引发的速度大比拼更是愈演愈烈。双核浏览器凭借速度上的核心竞争力，赢得了国内部分用户的欢迎。今天，我们重点针对四款主流国产双核浏览器在速度和HTML5支持性能上进行了评测。本次评测在QQ浏览器5.1.6525.201版本、360极速浏览器4.0.4.310版本、傲游3.0.22.2000版本、搜狗浏览器3.0.0.2203版本四款国产双核浏览器间进行。注：评测版本都来自官网的最新版本从评测结果总体上来看，QQ浏览器5.1.6525.201超越了搜狗浏览器3.0.0.2203，让人眼前一亮。而360极速浏览器 4.0.4.310因 阅读全文

摘要：1，在首页导入其js2，在需要显示的页面添加一个div：<div id="chart-container-1" style="margin:5px 10px;width: 888px; height: 500px"></div>3，在需要显示的页面添加js代码：<script type="text/javascript"> var chart1; // globally available $(document).ready(function() { chart1 = new Highcharts. 阅读全文

摘要：新闻 标签: 时间轴网站（图为 Timekiwi 网站的使用者个人页面，可以将 Facebook、Twitter、Instagram 等服务上的讯息整合在同一个时间轴上）如果有在使用 facebook 的朋友，最近应该已经渐渐开始有机会使用到新版的时间轴接口了，尽管网友对于时间轴的接口褒贬不一，但实际来看，时间轴的浏览接口有几个好处： 迅速看到你与朋友的美好回忆 迅速认识一位新的朋友 看起来比较厉害，尤其使用者可以选择性的放大某些讯息 时间轴浏览接口可以方便的让你新增过去发生过的人生大事其实时间轴接口不是创举，以国人爱用的服务 Plurk 噗浪来说，很早就有横向滚动条的时间轴页面了。（ 阅读全文

摘要：自Facebook在F8大会上，发布了以时间线格式组织内容的功能后，时间轴这一概念便在国外社交网站中大面积开始流行，像Timetoast、 Lifehaps、Capzles等等。而国内第一家基于时间轴的社交网站钥匙网也于近期上线,并首创了公共轴概念，其中的标签筛选功能也深受用户好评。 钥匙网 钥匙网（www.yaoshi.com）是国内首家时间轴型社交网 站，以横版时间轴为界面。清新简单，容易操作。并首创了公共轴概念，所有钥匙网的用户在私人时间轴上发布的公开信息，都会汇总到公共轴上，形成一条庞大的 时间轴信息流。并且时间轴和信息流两种浏览模式并存，使用户浏览更简单和精准。转播到腾讯微博　... 阅读全文

摘要：正如Opera的布道者 Bruce Lawson讲的那样，“每个人都在谈论HTML5”，它被传的很神，很玄。事实上有很多人所说的HTML5实际上只是古老的DHTML或者Ajax。把所有的信息混在一起就是一堆错误信息。HTML5简单的说就是一组新的标准，语法和规则用来创建网页，可以利用一些新的浏览器的“本地”功能，例如离线存储，多媒体播放和其他的交互等 等。我们所看到的很 多很酷的 HTML5 网站实际上跟 HTML5 无关，而是由CSS3和jQuery生成的。CSS3和jQuery是和 HTML5一样的新技术，它们和 HTML5是平行的概念。这篇文章讲了关于HTML5的7个传说，也就是误解。传 阅读全文

摘要：Html 5开始大热标志性的事件是Apple 前CEO Steve Jobs 公开炮轰Flash，并指出Flash在移动终端的不利因素，而且Html5将获得胜利。顿时it界，数字营销界，数字媒体界等相关领域的人开始一窝蜂的 议论，追捧，打击，HTML 5成了当仁不让的明星（就在不久前Adobe宣布停止对Mobile端flash的开发与更新）。但是很多人，都在问：HTML5是什么？如何鉴定 HTML5产品？我们这次的《知识普及》栏目就来看看初步的探索下HTML5。一、什么是HTML，以及HTML 51. HTMLHTML是超文本标记语言的英文缩写，这是一种标记语言，不需要进行编译，直接由浏览器执 阅读全文

摘要：评：根据我最近的一些实践以及在和一些读者进行关于HTML表格的使用问题沟通之后，决定写这篇文章。总的来说，我注意到由于误导性信息，他们对于table的使用有种先入为主的厌恶。事实上很多人会说”我看到永远不应该使用表格”的说法，但是这绝对是错误的！这个建议只是针对使用HTML表格来定义网页的布局，但是表格在方便的排列数 据信息行和列方面非常完美，而且如果你一定要在一个页面上显示表列数据，你就不得不使用它们！为什么不呢？然而，在这种情况下，一些人无视了用于 table的某些HTML标签的存在并且不知道该如何正确的使用它们。HTML有10个表格相关标签。下面是一个带有简介的列表，但是首先，文档要被正 阅读全文

摘要：点评：好的情况下当页面跳转时，会产生一些变换效果，比较漂亮，其实就是利用了下面的代码。<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=n)"> 其中,n表示的就是下面的数，n取不同的值，对应有不同的效果： 0、Box in 1、Box out 2、Circle in 3、Circle out 4、Wipe up 5、Wipe down 6、Wipe right 7、Wipe left 8、Vertical blinds 9、Horizontal 阅读全文

摘要：CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则：1. 使用Reset但并非全局Reset不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset：1*{ margin:0; padding:0; }这不仅仅因为它是缓慢和低效率的方法，而且还会导致一些不必要的元素也重置了外边距和内边距。在此建议参考YUI Reset和Eric Meyer的做法。我跟Eric Meyer的观点相同，Reset并不是一 阅读全文

摘要：10月11日，对于全球拥护HTML5技术的开发者来说，是一个振奋人心的日子。就在这天，Facebook发布了支持HTML5的移动版本，这个 被称为 “Spartan”的项目，堪称Facebook在移动战略上的华丽转身：尽管过去Facebook在PC端的社交应用上获利丰厚，但如何将PC端的成功 迁移到移动端，寻求在手机上的利润增长点？由于移动网页的制约性，Facebook不得不与苹果合作，将 Facebook 嵌入到 iPhone 的各种应用程序之中，但这意味着Facebook必须付给苹果30%的利润提成。但新版本的发布给Facebook带来了转机：用户可以在 Facebook上用智能手机打开游 阅读全文

摘要：借助日益强大的HTML5，网页将实现越来越多的功能。这场变革正在加速到来。Flash投降了。我们说的是在移动互联网上。Flash的专利持有者Adobe公司—没错，就是那家发明了著名的PhotoShop软件的公司，在上周宣布了一个消息：放弃在手机等移动设备上对Flash的支持，公司将不会再对此投入任何资源。十多年来，Flash一直是网页在展示多媒体内容时的标准格式，它也是Adobe公司除PhotoShop等产品以外最重要的盈利手段之一。 Flash动画曾经风靡一时，用Flash制作的网络广告至今还随处可见。还有上传到Youtube的那些视频，在早期绝大多数都是Flash格式。这项技术的兴起源自1 阅读全文