Web技术的发展速度太快了,如果你不与时俱进,就会被淘汰。因此,为了应对即将到来的HTML5,本文总结了22个HTML5的初级技巧,希望能对你进一步学习好HTML5会有所帮助。1. 新的Doctype声明XHTML的声明太长了,我相信很少会有前端开发人员能手写出这个Doctype声明。view sourceprint?1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd& Read More
posted @ 2011-08-02 16:49 漂在前端 Views(157) Comments(1) Diggs(0) Edit
ext-stroke(文本描边)和text-fill-color(文本填充色)注意点:目前这两个属性只有webkit内核的Safari和Chrome支持,例如: -webkit-text-stroke: 3.3px #2A75BF;text-fill-color:颜色值,和color属性差不多都是文字的样式;同时使用text-fill-color和color属性,text-fill-color将覆盖color属性的颜色值;text-fill-color可以使用透明值,即:text-fill-color:transparent查看一个text-stroke(文本描边)和text-fill-col Read More
posted @ 2011-08-02 16:35 漂在前端 Views(430) Comments(0) Diggs(0) Edit
CSS3下的渐变文字效果实现background-clip + text-fill-color下的实现如果您手头上的浏览器是Chrome或是Safari,则您可以在demo页面中看到类似下面的效果:<h2 class="text-gradient">天赐美妞</h2>CSS(CSS代码中关键有用的其实就是最后三行):.text-gradient { display: inline-block; color: green; font-size: 10em; ont-family: ´微软雅黑´; background-image: Read More
posted @ 2011-08-02 16:30 漂在前端 Views(387) Comments(0) Diggs(0) Edit
“我们正在用HTML5编写我们下一套移动产品。”“是啊,这些天很多人在玩着Appcelerator,我也在玩着。”“嗯,但这并不是我要说的那种HTML5产品。”最近,我有很多类似的交流对话,可能因为我正在开发一套HTML5的应用吧。就像2005年的“AJAX”,“HTML5”这个术语现在还没有被清晰地定义,在未确定这个新技术有什么优势前,它就已经被四处套用,甚至投入运营。如果你在一间被热衷新技术的管理人掌控的公司里任职,如果你走运,那么漫画人物呆伯特先生可能非常愿意坐在你隔壁的小房间。两种看法当人们讨论移动设备上的HTML5技术时,他们通常只会有两种不同的看法。从感性的角度来看,HTML5技术 Read More
posted @ 2011-08-02 16:28 漂在前端 Views(234) Comments(0) Diggs(0) Edit
清理浮动有很多种方式,像使用 br 标签自带的 clear 属,使用无素的 overflow,使用空标签来设置 clear:both 等等。但考虑到兼容问题和语义化的问题,一般我们都会使用如下代码来清理浮动。view sourceprint?/* 清理浮动 */.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .clearfix { zoom:1; }其原理是,在「高级」浏览器中使用 :after 伪类在浮动块后面加上一个 Read More
posted @ 2011-08-02 16:24 漂在前端 Views(141) Comments(0) Diggs(0) Edit
在一网友空间里看到的,贴上来大家有兴趣的可以试一下,虽然DIV+CSS做了接近三年,但有些基础的东西却发现还是没有使用过一、耐心填一填!(每空4分,共24分)1. 为div设置类a与b,应编写HTML代码_<div class=”a b”>_</div>_________。2. 设置CSS属性clear的值为_both___________时可清除左右两边浮动。3.____li________标签必须直接嵌套于ul、ol中。4. CSS属性_____margin_______可为元素设置外补丁。5. 设置CSS属性float的值为___none_________时可取消 Read More
posted @ 2011-08-02 16:23 漂在前端 Views(1537) Comments(2) Diggs(0) Edit
Css Reset是什么? 有些同行叫 "css复位",有些可能叫 "默认css".....相信看完全文您会对Css Reset有个重新的认识原文地址:http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/PS:view sourceprint?1*{ 2padding:0; 3margin:0; 4}这就是最常用的Css Reset,但是这里会有很多问题。原文前部分说了很多关于Css,以及各浏览器的css规则的不同,而制定&q Read More
posted @ 2011-08-02 16:21 漂在前端 Views(286) Comments(0) Diggs(0) Edit