摘要: CSS执行顺序与优先权的问题其实就是一个冲突解决的问题,当同一个元素(或内容)被CSS选择符选中时,就要按照优先权取舍不同的CSS规则,这其中涉及到的问题其实很多。 首先就是CSS规则的specificity(特殊性),CSS2.1有一套关于specificity的计算方式,用一个四位的数字串(CSS2是三位)来表示,最终specificity越高的规则越特殊,在优先级判定时也就越有优势。关于specificity的具体计算在各种情况下的数字加成有如下一般规则: 每个ID选择符(#someid),加0,1,0,0。 每个class选择符(.someclass)、每个属性选择符(形如[attr= 阅读全文
posted @ 2011-05-26 22:47 moxie 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 时光车轮滚滚碾来,前端之路永无止歇.对于这个前端这门精一多专的技术,任何一次技术革新,我们都必须第一时间去了解它学习它,比如Web世界里这簇美艳的花朵---HTML 5.虽然HTML 5发布之初,许多人(包括我)都觉得普及它还很遥远,但自发布以来,许多企业级网站对它的尝试应用(比如<!doctype html>应用,比如canvas的应用),使HTML 5的迈出了一大步,随之而来IE9的发布,无疑又让我们看到了HTML 5离我们不再遥远.学习HTML 5半年有余了,虽然对它的离线存储以及canvas等革新性技术还是一知半解,但我还是希望我现在所学到的能帮助更多的前端人学习这门毋庸置 阅读全文
posted @ 2011-05-23 21:12 moxie 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 12月20日消息,据国外媒体报道,微软高层在明年1月份的消费电子展(CES)中,将讨论Windows平板电脑和Windows Phone 7。不过据可靠消息,WP7平台的主要更新可能要到2011年8或9月才推出。 据传,Windows Phone 7将在明年1-2月发布微幅更新,而代号Mango的主要更新版本可能比预定2012推出的Windows Phone 8(代号Apollo)抢先推出。在Mango版本中的更新会比即将于1-2月发布的更新更完整,微软有可能直接将Mango以Windows Phone OS 7.5之名发布。 预计,微软将于1-2月发布的更新会加入复制、粘贴功能,此外还可能加 阅读全文
posted @ 2011-05-23 21:03 moxie 阅读(106) 评论(0) 推荐(0) 编辑
摘要: <canvas id="c"></canvas><script>f=Math;d=document;_=d.body;_.style.background="#000";e=_.children[0];e.width=w=innerWidth-10;e.height=h=innerHeight-25;g=e.getContext("2d");t=w/h;with(g){globalCompositeOperation="lighter";scale(w/2/t,h/2);tran 阅读全文
posted @ 2011-05-20 00:04 moxie 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 应用程序安全专家表示,HTML5给开发人员带来了新的安全挑战。 苹果公司与Adobe公司之间的口水战带来对HTML 5命运的诸多猜测,尽管HTML 5的实现还有很长的路要走,但可以肯定的一点是,运用HTML 5的开发人员将需要为应用程序安全开发生命周期部署新的安全功能以应对HTML5带来的安全挑战。 那么HTML5将会对我们需要覆盖的攻击面带来怎样的影响?本文将探讨关于HTML 5几个重要安全问题。 客户端存储 早期版本的HTML仅允许网站将cookies作为本地信息存储,而这些空间相对较小,仅适用于存储简单的档案信息或者作为存储在其他位置的数据(例如会话ID)的标识符,Denim集团应用程序 阅读全文
posted @ 2011-05-18 21:15 moxie 阅读(473) 评论(0) 推荐(0) 编辑
摘要: 实现方法:先画一个外框 width: 240px; height: 240px;border-radius: 120px;填充背景色background:#b1e4ff;描边border:2px solid #789cb6;加阴影box-shadow: 5px 5px 7px #999;给该死的firefox3私有属性-moz-border-radius: 120px;再画一个小圈,width: 230px; height: 230px;border-radius: 115px;定位,position: relative;top:5px;left:5px;填充背景色background:#3b 阅读全文
posted @ 2011-05-18 21:14 moxie 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 今天我想跟大家谈一谈HTML5的设计。主要分两个方面:一方面,当然了,就是HTML5。我可以站在这儿只讲HTML5,但我并不打算这样做,因为如果你想了解HTML5的话,你可以Google,可以看书,甚至可以看规范。实际上,确实有人会谈到规范的内容。史蒂夫·福克纳(Steve Faulkner)会讲HTML5与可访问性。而保罗·艾里什(Paul Irish)则会讲HTML5提供的各种API。因此,我今天站在这里,不会光讲一讲HTML5就算完事了。说老实话,在正式开始之前,我想先交待清楚我所说的HTML5到底是什么意思。这话听起来有点搞笑:这会子你一直在说HTML5,难道我们还 阅读全文
posted @ 2011-05-17 01:39 moxie 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 相信大家对样式命名都多少感到困难,特别是想起一个有意义的名,更难。回顾了一下之前写的《 样式命名规则 》(不知道大家使用后有什么感想)结合这段时间使用上发现的一些问题,重新整理了样式的命名规则,希望能更实用些。要避免当状态改变时名称失去意义,最常见的就是用于布局的类名,如“left”、“right”,当左边栏不再是左边栏的时候,“left”这个名就没有实际意义了(可以看下《 CSS代码命名惯例语义化的方法 》中的“CSS类命名的语义化VS结构化方式”部分)。这与我们所推荐的“命名要有意义”就相违背了,使用序号就更加有问题了。好像没错,不过有好长一段时间都有个问题让我很烦恼,如果一个页面中同个模 阅读全文
posted @ 2011-05-12 23:24 moxie 阅读(164) 评论(0) 推荐(0) 编辑
摘要: ◆<article> 标记 定义一篇文章 ◆<aside> 标记 定义页面内容部分的侧边栏 ◆<audio> 标记 定义音频内容 ◆<canvas> 标记 定义图片 ◆<command> 标记 定义一个命令按钮 ◆<datalist> 标记 定义一个下拉列表 ◆<details> 标记 定义一个元素的详细内容 ◆<dialog> 标记 定义一个对话框(会话框) ◆<embed> 标记 定义外部的可交互的内容或插件 ◆<figure> 标记 定义一组媒体内容以及它们的标题 ◆& 阅读全文
posted @ 2011-05-11 14:50 moxie 阅读(142) 评论(0) 推荐(0) 编辑
摘要: JQ-Slide插件参数说明表参数名参数值(默认值可以省略)effectscroolY(默认):垂直滚动scroolX:水平滚动scroolTxt:文本垂直滚动fade:淡出scroolLoop:水平左右点击滚动autoPlaytrue(默认): or falsespeed动画速度时间,默认”normal”,可以使用毫秒或者JQ中的fast,slow,normaltimer滚动间隔时间,默认”1000,可以使用毫秒或者JQ中的fast,slow,normalclaNavJQ-slide-nav(默认):触点对象数组父级claConJQ-slide-content(默认):滚动对象或滚动对象父级 阅读全文
posted @ 2011-05-10 02:20 moxie 阅读(1458) 评论(0) 推荐(0) 编辑