在《CSS3 2D转换技术之translate实战开发》文章中,我给大家列出了CSS3中的2D转换方法:1. translate()2. rotate()3. scale()4. skew()5. matrix()同时对第一个方法 translate()做了非常详尽的介绍,并带领大家实战开发...
分类:
Web程序 时间:
2014-08-07 03:05:18
阅读次数:
236
jquery+css3完成的菜单导航特效引入代码:引入有一个googlejs api,加载没效果重新加载一下即可转载:http://www.qhttl.com/detail/v-25839-jquerycssdaohangbiaoqianqiehuanxiaoguo.html
分类:
Web程序 时间:
2014-08-07 00:22:47
阅读次数:
219
一。核心技术(可去各技术官网学习)
1.html5的六大核心技术:Html5,CSS3,JavaScript,WebSocket,PhoneGap,Node.js,它们覆盖了设备端,浏览器端和云端的开发,可作为一套技术系统。
2.做Web开发要学好JavaScript和设计模式,讲师(就是王家林本人)推荐的JS教材《JavaScript框架设计》司徒正美 著,《JavaScript设计模式》(...
分类:
Web程序 时间:
2014-08-06 23:00:42
阅读次数:
434
CSS是一种用于屏幕上渲染html,xml等一种语言,CSS主要是在相应的元素中应用样式,来渲染相对应用的元素,那么这样我们选择相应的元素就很重要了,如何选择对应的元素,此时就需要我们所说的选择器。选择器主要是用来确定html的树形结构中的DOM元素节点。CSS3的常用选择器有:下面举几个例子来说明...
分类:
Web程序 时间:
2014-08-06 22:16:12
阅读次数:
454
1. jQuery动态随机背景滚动
源码下载 / 在线演示
2. jquery animate分页按钮
源码下载 / 在线演示
3. html5+css3日食场景特效
源码下载/ 在线演示
4. HTML5小球碰撞叠加
鼠标点击拨弄,能在支持 FireFox、Chrome、Safari、傲游、搜狗、360浏...
分类:
Web程序 时间:
2014-08-06 19:19:52
阅读次数:
371
先回顾一下CSS1 和 CSS2中都已经定义了哪些布局方面的属性,这样也会增加我们理解弹性布局。其实我们现在有很多一部分人,你们刚刚接触CSS层叠样式表,或者接触有一段时间了,但是却没有很好的去消化与理解。可能平时你们还一直在使用table,然后通过不断了合并单元格来实现网页布局。希望我今天的这篇文...
分类:
Web程序 时间:
2014-08-06 18:52:01
阅读次数:
360
CSS实现圆角,阴影,透明的方法很多,传统的方法都比较复杂,用CSS3就方便很多了,虽然现在各浏览器对CSS3的支持还不是很好,但不久的将来CSS3就会普及.1.圆角CSS3实现圆角有两种方法.第一种是背景图像,传统的CSS每个元素只能有一个背景图像,但是CSS3可以允许一个元素有多个背景图像.这样...
分类:
Web程序 时间:
2014-08-06 18:38:01
阅读次数:
247
各位网友大家好,如果你已经阅读过我先前写的关于CSS3弹性盒模型的实例演示,相信你对CSS3弹性盒模型属性知识点应该已经有了一个非常深刻的映像。从本篇文章开始,我将带领大家,手把手地教大家如何来开发一个适合移动端浏览器的弹性盒模型的响应式页面。同时实战开发中的案例代码可以作为你项目中的精简框架了。当...
分类:
Web程序 时间:
2014-08-06 14:22:01
阅读次数:
398
从这篇文章开始,会利用几个篇幅,我将跟大家分享从CSS1到CSS3都是如何实现页面布局的(当然,所指的范畴是利用CSS技术)。由于盒子模型技术内容比较多,这篇文章我将着重讲解知识点。下一篇文章,我会带领大家开发一个兼容pc端浏览器和移动端浏览器的弹性布局web界面的实例。希..
分类:
Web程序 时间:
2014-08-06 06:16:41
阅读次数:
365
在上一篇文章《CSS3中的弹性流体盒模型技术详解(一)》里,我给大家列出了,从css1到css3各版本中盒子模型的基本元素。本篇我会把余下的属性进行详细讲解。box-pack作用:用来规定子元素在盒子内的水平空间分配方式box-pack语法:box-pack:start|end|center|justify;start对于正..
分类:
Web程序 时间:
2014-08-06 06:16:31
阅读次数:
385