2012年03月9日 by 张 鑫旭 阅读 73381 次, 今日 1 次
本文标题有故弄玄虚之嫌,说是“图片式标题、按钮与隐藏文本”,其实本意重点是介绍z-index负值以及在文本隐藏中的实际应用。外甥点灯笼——照旧,demo多多,截图多多(还有gif动画演示图哦),源代码展示等等,都有。总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: absolute, relative, SEO, zIndex负值, 可访问性, 屏幕阅读器, 文字偏移, 背景图片
发布在 CSS相关 | 13 条评论 »
2012年03月5日 by 张 鑫旭 阅读 68699 次
文章摘要:type, start, value, 和reversed每个的生世是不一样滴。reversed属于新兴人类,随着HTML5来到这个世界的,顾名思意表“反转”。而start和type都是在HTML4中被文革掉的,但是,现在,它们又回来了……
阅读全文…
标签: ol, reversed, start, type, ul, value, 列表
发布在 CSS相关 | 7 条评论 »
2012年03月2日 by 张 鑫旭 阅读 74134 次, 今日 5 次
本文旨在介绍一种自认为比较新颖有趣的技术。可以仅仅通过CSS控制inline元素元素换行的问题。其中,借助了特殊的Unicode字符编码字符。一如既往,有实例,有截图,有源代码展示。希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: ::after, ::before, display:run-in, inline, Unicode编码, 列表, 字符换行
发布在 CSS相关 | 16 条评论 »
2012年02月29日 by 张 鑫旭 阅读 94859 次, 今日 2 次
本文的内容说白了就是如何解决web开发中的跨域通信问题的,例如iframe相关的一些交互等。以下为部分摘要:
当我们谈论web通信的时候,实际上谈论的是两个略有不同的系统:跨文档通信(cross-document messaging)和通道通信(channel messaging)。跨文档通信就是我们国内更为熟知的HTML5 window.postMessage()应用的那种通信;通道通信也被称为”MessageChannel”. 伴随着server-sent事件以及web sockets, 跨文档通信和通道通信成为HTML5 通信接口“套件”中有用的一部分。
本文内容还算较多,demo啊,截图啊,代码展示讲解等都有。希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: HTML5, iframe, MessageChannel, MessagePort, postMessage, web通信, 浏览上下文, 跨文档通信, 通道通信
发布在 Web综合 | 16 条评论 »
2012年02月20日 by 张 鑫旭 阅读 60059 次, 今日 3 次
CSS工作组(CSS Working Group)联合主席Daniel Glazmang告知大家非WebKit的浏览器厂商正在考虑支持-webkit-前缀CSS属性。
一石激起千层浪,于是业内展开了激烈的官方讨论。这里,翻译篇相关文章,希望米娜桑对该讨论有所了解,并发表自己的一些观点……
阅读全文…
标签: css3, HTML5, webkit, 浏览器, 规范
发布在 外文翻译 | 17 条评论 »
2012年02月16日 by 张 鑫旭 阅读 45829 次, 今日 2 次
一个XML文档可能包括来自多个XML词汇表的元素或属性,如果每一个词汇表指派一个命名空间,那么相同名字的元素或属性之间的名称冲突就可以解决。举一个简单的例子来说,在一个订单的XML文档中需要引用到客户和所购买的产品,customer元素和product元素可能都有一个叫做id的子元素。这时候要引用id元素会造成名称冲突,但是如果将两个id元素放到不同的命名空间中就会解决这个问题。
命名空间的声明就是将一个前缀与一个URI关联起来。
声明命名空间时,可以为命名空间定义前缀(见前例)。为命名空间定义前缀,而不直接使用命名空间的URI是因为URI为了唯一通常会很长,直接使用URI不但造成书写和阅读的不便,还会扰乱XML的语法。声明命名空间时,也可以不定义前缀。如……
阅读全文…
标签: css相关, HTML5, MathML, namespace, SVG, 命名空间
发布在 CSS相关 | 没有评论 »
2012年02月15日 by 张 鑫旭 阅读 89068 次, 今日 4 次
响应图片技术可以说是响应布局衍生出来的一个小分支。说白了,就是不同显示器宽度下调用不同的图片。
这玩意,最近在国外讨论很火,有几种不同的实现方法,但都并不复杂。本文就将简单介绍这些方法,从原理到实践。同样的,代码示例,截图,demo页面,都有。希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: cookie, javascript, media queries, noscript, 优化, 前端性能, 响应图片, 响应布局, 图片展示, 显示器
发布在 Web综合 | 5 条评论 »
2012年02月14日 by 张 鑫旭 阅读 173541 次, 今日 3 次
在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间;有的可以响应点击,有的不能响应点击。然而,其中有些隐藏方法会出现“失效”的情况。而这些“失效”的情况往往会有一些和巧妙的应用。本文就是介绍这些“失效”情况并列举了其一些比较巧妙的应用。一如既往,demo页面,截图,必要的代码展示,总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: absolute, clip, display:none, opacity, overflow:hidden, relative, visibility
发布在 CSS相关 | 23 条评论 »
2012年02月6日 by 张 鑫旭 阅读 186103 次, 今日 1 次
目前,现代浏览器均早已支持placeholder占位符属性。好定西不用白不用啊,因此,在前年,我就将HTML5的placeholder占位符属性应用在实际项目中了。在这一年多的应用中,还是有些磕磕碰碰,在此作为经验分享下。一来加深大家与placeholder的认识,二是希望大家可以积极大胆应用一些HTML5的新特性。
然后,还要对占位符的一些应用做扩展。本文是个排得上位置的长篇,内容多而杂,不过demo啊,截图啊,实例的,代码的都很详尽,内容也都是些值得话时间咀嚼的东西…… 相信会对您的学习有所帮助的。
阅读全文…
标签: HTML5, javascript, jQuery, label, oncontextmenu, onpaste, placeholder, 兼容性, 占位符, 插件, 文本域, 文本框
发布在 Web综合 | 43 条评论 »
2012年01月18日 by 张 鑫旭 阅读 87071 次, 今日 1 次
摘要我实在懒得写了,身心有些疲累啊。大致内容就是标题所示的啦。对于部分同行来讲,可能没什么用。其一不怎么关注和使用自适应布局,二是关注和使用自适应布局使用的大多不是display:table-cell方法。
但是,毕竟目前这方面的文章还不是很多,相信会对需要帮助的人提供一些小小帮助的。若果真如此,实在太好不过了。
阅读全文…
标签: display:table-cell, table-layout:fixed, word-wrap:break-word, 字符换行, 流体布局, 自适应
发布在 CSS相关 | 15 条评论 »