本课将通过源码分析的形式,来教大家如何实现一个动画引擎的模块。我们先来看一个使用CSS3实现动画倒带的例子:.animate { //这个animate类名加在上面的那个方块元素中,这个类名也可以是其他名字,比如:.move,只要设置的是那个方块元素就OK了。 animation-duration....
分类:
其他好文 时间:
2015-01-07 20:35:32
阅读次数:
211
columen-width:定义单列显示的宽度。初始值是auto,适用于不可替代的块级元素,行内块元素和单元格,表格元素除外。 目前Webkit引擎支持-webkit-column-width,Mozilla Gecko引擎支持-moz-column-width; ...
分类:
Web程序 时间:
2015-01-06 13:28:44
阅读次数:
158
1、display:inline-block2、IE中的inline-block3、其它浏览器1、display:inline-block让一个元素具有“区块元素”的属性(可以设置width和height),又具有“内联元素”的属性(不产生换行)。2、IE中的inline-blockIE6不支持这个...
分类:
Web程序 时间:
2014-12-29 19:45:44
阅读次数:
255
postion:relative是子块级元素面向父级元素的相对定位,定位关键字使用left/right/top/bottom。兄弟块元素之间相对进行定位,但是position移动后,原位置依然保留。而且随后的兄弟块元素定位基于被移走前的位置。
float:right/left是子块级元素流集合面向父级元素的定位,定位的关键词使用margin/padding。兄弟块元素之间进行相对的定位均基于...
分类:
Web程序 时间:
2014-12-26 18:41:05
阅读次数:
227
-webkit-line-clamp 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性:display: -webkit-box; ...
分类:
Web程序 时间:
2014-12-23 17:22:42
阅读次数:
650
1,什么是 W3C标准?w3c 标准不是一个标准,而是一系列标准,包括:结构标准,表现标准,动作标准。2,内链元素和块状元素的区别内链元素允许与其他内链元素位于同一行,没有宽和高,如果想设置宽和搞,可以使用display:block;转换为一个块元素块状元素排斥与其他元素位于同一行,可设置宽和高内链...
分类:
Web程序 时间:
2014-12-22 21:00:45
阅读次数:
204
display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 , , , , 和 是块元素的例子。 display:inline就是将元素显示为行内元素. inl...
分类:
其他好文 时间:
2014-12-22 19:28:11
阅读次数:
131
块状元素与行内元素是CSS学习的基础内容,下面进行详细讲解! 根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为块级元素;而span元素的默认display...
分类:
其他好文 时间:
2014-12-22 19:16:56
阅读次数:
194
首先需要明白两个概念:内联元素 , 块元素。 内联元素:也叫做行内元素,可以容纳文字或其他内联元素。内联元素的高度宽度都是不可以设置的,其宽度就是自身文字或者图片的宽度,不会进行换行。常见的内联元素:, , , , 等 块元素:可以容纳文本,其他内联元素和块元素。可以设置其高度宽度。排斥与其他元素位...
分类:
Web程序 时间:
2014-12-21 23:20:45
阅读次数:
244
<!DOCTYPE?html>
<html>
<head?lang="en">
????<meta?charset="UTF-8">
????<title></title>
????<link?rel="stylesheet"?type="text/css"?href="mycss.css">
????<style?type="text/css"...
分类:
Web程序 时间:
2014-12-14 22:51:53
阅读次数:
253