摘要: 一、前面的感慨以前也陆陆续续试过CSS3的一些特性,文字投影,多边框等。但都是试试而已,知道有这么回事。今天,见到了一个新玩意,transition,认认真真的试了一下,经过,我懵了,我呆了,我傻了,半天说不出话来,这…这…unbelievable,amazing,太神奇了,太不可思议了,几行简单的CSS,如此炫酷的动画效果,flash都不及的动画效果,我真是难以表达我的心情。我们可以先看一段下面我录制的视频(Safari4浏览器,时长11秒),看看使用transition实现的效果。下面由浅入深,使用纯CSS,一步一步实现图片墙动画效果。这里,必须要先说明一下:对于对于此transition 阅读全文
posted @ 2013-08-12 15:55 {前端开发} 阅读(1047) 评论(0) 推荐(0) 编辑
摘要: css代码:/* v1.0 | 20080212 */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, 阅读全文
posted @ 2013-08-12 14:13 {前端开发} 阅读(330) 评论(0) 推荐(0) 编辑
摘要: 一、一开始的唠叨最近忙于开发,自淫于项目的一步步完工,心浮躁了。舍近而求远,兵家之大忌。我是不是应该着眼于眼前的东西,好好的静下心来,超过一般人的沉静与沉浸,研究最基本的东西呢?这番思考,让我找到了一些方向。对于checkbox,从我开始接触HTML开始,陆陆续续也研究过好多次,然而多是零星的知识点的累加,或是掌握了些表象的东西,是否深入核心,是否深入其本质,是否有了完善的总结,是否融入自己的世界观,都没有,而我今天要做的工作就是把过去的那些积累好好的精心的整理出来,加上自己的思考,加上自己的理解,展示出来。提前的说明:本文checkbox的讲解不针对Safari浏览器,或仅是一带而过,Saf 阅读全文
posted @ 2013-08-12 11:52 {前端开发} 阅读(1245) 评论(0) 推荐(0) 编辑
摘要: 概述IE浏览器以不支持大量的css 属性出名,同时也因其支持的css属性中存在大量bug。本页列举了IE下的一些问题,实例样本和一些我们已知的解决方法。尽管我已经尽力按照它们本来的性质对它们进行分类,仍有许多bug可以分在好几个部分之下,这种情况下,我将会将此bug分在普通bug这一部分。统计目前为止。本站点包含46个”普通bug”教程,5个”haslayout bug”教程,6个”不支持的方法”教程,一个“冲突bug”教程。总共58个教程,70个解决方法。最近的教程发布于2009年8月19日 15:38:47 星期三站点包含44个IE6 bug,28个IE7 bug以及19个IE8 bug。 阅读全文
posted @ 2013-08-12 11:49 {前端开发} 阅读(194) 评论(0) 推荐(0) 编辑
摘要: 一、字体与字符显示的关系这里左右方向的尖角,字体为宋体:不受字体影响型:<>这里左右方向的尖角,字体为Arial:不受字体影响型:<>这里左右方向的尖角,字体为Lucida Sans Unicode:不受字体影响型:<>这里左右方向的尖角,字体为Times New Roman:不受字体影响型:<>这里左右方向的尖角,字体为Verdana:不受字体影响型:<>这里上下方向的尖角,字体为宋体,小尖角:ˇ^不受字体影响型:∧∨这里上下方向的尖角,字体为Arial,小尖角:ˇ^不受字体影响型:∧∨这里上下方向的尖角,字体为Lucida Sans Unicode,小尖角:ˇ^不受字体影响型:∧∨这里上下 阅读全文
posted @ 2013-08-12 11:15 {前端开发} 阅读(284) 评论(0) 推荐(0) 编辑
摘要: 一、写在前面的最近一直构思着写篇关于html标签的文章,虽说之前处理过html标签,也解决过不少棘手的问题,但是对其理解还不是很透彻,很多原理都是自己推测的。在网上查阅相关资料想整合一下相关的信息,发现深入探讨html,与body的文章很少,只有在蓝色理想看到一篇“一叶千鸟”的这篇“正确认识html与body”有点价值,其余都没有什么相关的好文章。而这里,我要讲述的与上面的交集并不多,只要是讲述一些关于html与body的各种表现,以及我自己对这些表现的合理的解释和并提供一些过去处理类似问题的经验,希望对大家能够有所帮助。二、关于html与body的一些表现1.背景色一般情况下,我们css控制 阅读全文
posted @ 2013-08-12 10:54 {前端开发} 阅读(457) 评论(0) 推荐(0) 编辑
摘要: 1.常规css方法——可以实现IE,Safari,chrome,opera浏览器下文字溢出省略号表示这是一段测试文字,主要是用来测试文字溢出后是否会用省略号显示。.zxx_text_overflow_1{width:27em; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}2.使用ellipsis.xml文件使Firefox支持文字溢出后点点点省略号表示这段代码调用了跨文件夹路径的ellipsis.xml文件,看Firefox浏览器下是够文字溢出省略号表示。ps: 阅读全文
posted @ 2013-08-12 10:43 {前端开发} 阅读(2883) 评论(1) 推荐(0) 编辑