
CSS
文章平均质量分 86
zjut_acm
Dream | Hope | Faith | Home Love | Hard-working | Enjoy Life
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS定位机制与clear:both的使用
divstyle="clear:both;">div>参考博客:http://blog.sina.com.cn/s/blog_4a3789a70100jfv4.htmlCSS的定位机制有3种:普通流、浮动(float:left/right/none)和定位 (position:static/relative/absolute/)。普通流就是正常的文档流,在HTML里原创 2015-04-08 15:42:28 · 786 阅读 · 0 评论 -
CSS Animation
More:http://www.w3cplus.com/content/css3-animation CSS3属性中有关于制作动画的三个属性:Transform,Transition,Animation; CSS3中的Animation与HTML5中的Canvas绘制动画/Flash/JavaScript以及jQuery制作出来的动画效果又不一样原创 2015-04-08 15:49:31 · 615 阅读 · 0 评论 -
position:relative和position:absolute的区别
"对于页面中一个static的div#demo,我想让这个#demo里的一个div#sub相对于#demo定位在右上角的某个地方,应该是用这个position:relative这个吧,然后再加上top,right给限制一下。 我理解得没有错吧? " 首先对你疑惑的地方,我先解答一下: position的默认值是static,(也就是说对于任意一个元素,如果没有定义它的positio转载 2015-04-08 18:25:21 · 569 阅读 · 0 评论 -
仅用CSS+HTML实现图片放大功能
备注:最好在firefox或chrome运行,在IE效果没出现 -。-效果如下:备注:实现这个功能我仅使用了一个html和一个css,具体代码如下,好的话可以拿去:-----Fancy.html-----Insert title hereCSS3 Image Gallery原创 2015-04-08 18:30:01 · 1898 阅读 · 0 评论 -
仅用css+HTML实现图片切换效果
备注:最好在firefox或chrome运行,在IE效果没出现 -。-效果图:-----images.html-----How to Create An Image Slider With Pure CSS3 CSS3 Image Slider原创 2015-04-08 19:55:03 · 49900 阅读 · 4 评论 -
CSS 优先权
源地址:http://blog.sina.com.cn/s/blog_57e7d45a0100ybxk.html1、特殊性首先来看一下这个例子将会发生的情形:以下是代码片段:.grape { color:Blue; } H1 { color: Red; } MeerkatCentralH1和.grape都匹配上面的H1元素,那转载 2015-04-08 18:17:23 · 394 阅读 · 0 评论 -
仅用css+HTML实现图片墙功能
备注:最好在firefox或chrome运行,在IE效果没出现 -。-效果如下:当鼠标移动到某一张图片时,另外也点击打开图片,会自动连接到大图片。代码如下:-----------NewFile.html--------Insert title here Angel & Girl in New Zealand Th原创 2015-04-08 18:27:42 · 3132 阅读 · 0 评论 -
PullDownMenu.htm 和 onMouseOver,onMouseOut的使用
在IE中onmouseover, onmouseout对这两个样式的支持不完全。默认只支持 标签的。而实际上 WEB 标准里面, 应该对所有元素都支持。 可以将onmouseover, onmouseout看成JScript代码,负责处理所有的CSS格式,根据定制的CSS格式,生成onMouseOver和onMouseOut事件,实现了hover的组件化。 实例:原创 2015-04-08 15:45:55 · 540 阅读 · 0 评论