Clik here to view.
css5动画及过渡效果制作
Click Here For Contents Table 他们如何工作？ 动画和过渡标签摘要属性，所有的各种选择，你可以申请一个动画或过渡组成。 他们主要是做运动的物体或设置一个过渡阶段，使事情出现更加顺畅。 在互联网上显示的能力，CSS3和这些属性的表带来多种已组成一个例子。 区别 动画和过渡之间的主要区别是一个过渡只能改变一个元素到另一个元素上悬停或当变得活跃，即通过一个伪类。...
View ArticleClik here to view.
网页登录页面设计效果浅谈
用 户活跃度是检验产品成功与否的重要指标之一，传统行业的商家极为重视门面的装潢，因为一个好的门面可以聚集人气，招揽更多的顾客。古时候的大户人 家院子门口的石狮子或其他的摆件的摆放极为讲究，有一定的风水学说道理，更能彰显主人家的身份地位.由此可见，“门面’就如人的脸面之于人的形象一样重 要，而WEB的登录页面就相当传统的“门面”。 现在越来越多的大型网站把登录和首页放在一起设计，由此...
View Article哪些效果是HTML5无法做到的
一直以来，很多人都专注于HTML5能够实现什么（或者是如何将各种方法连接起来，实现一个更加优雅的解决方案）。而现在，也不少人想将目光投向那些HTML5无法实现的事情。MSDN上微软员工thebeebs的一篇博文回答了这个问题： 1:HTML5无法实现DRM...
View Article如何解决IE下li里面的img图片间距5像素问题
最近地实践中，越来越觉得 li 元素中包含 a img 元素的时候会比较麻烦(在没有li的元素用img也有这样的情况,有的人会说直接在body上面直接写上img{display:block;}不就可以了,有些时候IE6是需要间距的存在的,并不是一概而论,当然了,自己做什么CSS还是根据自己的需要来做!)，需要注意，当然，问题还是一如既往的出 IE 下。以下为其中一例： html <ul>...
View ArticleIE=EmulateIE7 标签的作用和使用方法详解
对于 Web 开发人员来说，文本兼容性是一个要考虑的重要问题。Windows Internet Explorer 8 引入了文本兼容性模式，该模式允许 Web 开发人员将浏览器设置为以与旧版本相同的方式显示网页，从而允许开发人员选择更新时间。 本 文档将介绍由 Windows Internet Explorer 8...
View Articlediv+css中 li上有间距如何处理
div+css中 li上有间距如何处理 在排版中li上下有一条间距不知道怎么处理 下面是两种解决方法: 1.在li里加上vertical-align:bottom; 2.为li添加浮动 本文出自www.wangyejichu.com 转载请注明
View ArticleClik here to view.
通过JS来实现Google谷歌首页上css动画效果
使用CSS Sprite技术，利用一个初始图片和一张画满各个动作的拼接图片，从而实现了动画效果。 首先，需要两张图，分别是： 当有这两张图后，我们就可以开始模拟了。 我先通过firebug观察，发现google首页在运行的时候会循环加载以下html代码： <div id="hplogo0"...
View Articlediv css SPAN的高度问题
FIRST OF ALL，最容易令人忽略而导致头疼的因素。web页面文档类型： <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 众所周知，SPAN元素内单纯设置height是没有效果的。...
View ArticleClik here to view.
div IE6,IE7,IE8,Firefox 兼容的css hack总结
问题有很多，要在开发过程中不断总结，这里根本不可能说全。 最主要的IE下的BUG： 双空白边浮动 相对容器中的绝对定位 重复字符 3像素文本偏移 断头台 躲躲猫 消失的 margin-bottom 以上是主要的在IE下的BUG，具体问题要具体解决 css hacks (ie6,ie7,ie8,firefox) IE6能识别下划线"_"和星号" * "，IE7能识别星号" *...
View Articlediv+css ie7和ie6、ie8对li行高的不同解释
ie7和ie6、ie8对li行高的不同解释 html代码： <ul> <li><a href=”#”>菜单菜单</a></li> <li><a href=”#”>菜单菜单</a></li> <li><a...
View Article
