分享按钮

随笔分类 -  css

摘要:div中的相对定位与绝对定位(转)这一段时间打算完全用CSS的DIV编写一个页面,做了两天思绪就有点乱了。 有的时候把某一个问题单独抽出来看感觉很简单。而复合起来就难的多,各种各样的问题就来了。 程序中最讨厌的就是找BUG了。思路前后衔接不上,捋不清头绪,看的头都大了。 家里有两个高手,不过却很少问。就像我的东西一定要从头到尾由我经手来做,那才是我的东西。呵呵~ **************************************** 学习笔记:呵呵~~这次的笔记比较多 定位标签:position 包含的属性:relative(相对)与 absolute(绝对) 1.position: 阅读全文
posted @ 2011-07-31 19:56 草莓在努力 阅读(447) 评论(0) 推荐(0)
摘要:为什么我的div显示在另一个div的下面。能不能让它显示在任何控件的上面。即最顶层?设置其STYLE, position:absolute; z-index:50z-index就是控制层的垂直于屏幕方向的坐标的。 阅读全文
posted @ 2011-07-31 17:58 草莓在努力 阅读(299) 评论(0) 推荐(0)
摘要:!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh"><head profile="http://www.w3.org/2000/08/w 阅读全文
posted @ 2011-07-31 11:38 草莓在努力 阅读(873) 评论(0) 推荐(0)
摘要:JS图片幻灯片,网站首页专用的图片特效代码,旅游网站用着最合适了,支持图片说明,每一幅图片都可以加标题和简短的文字介绍,右下角有图片切换控制按钮,示例中仅有5张图片,不过在实际应用中,你可以添加更多的图片。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtm 阅读全文
posted @ 2011-07-29 16:53 草莓在努力 阅读(377) 评论(0) 推荐(0)
摘要:纯CSS下拉导航代码 分享一款纯CSS完成的下拉导航代码,蓝色经典色调,非常大气,适合政府和企业类网站作为顶部的导航菜单,浏览器兼容性完成OK,有需要的朋友可以拿去。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"> <HE 阅读全文
posted @ 2011-07-29 16:47 草莓在努力 阅读(299) 评论(0) 推荐(0)
摘要:还记得去年的5.12吗?那可怕的灾难夺去了很多人的生命,为了纪念逝者,全国网站变灰。今年,5.12又快来了,在5.12当天,请把本段代码拷贝到您的CSS文件中,让你的网站变成灰色以纪念逝去的人们。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&quo 阅读全文
posted @ 2011-07-29 16:44 草莓在努力 阅读(212) 评论(0) 推荐(0)
摘要:这样的话你的背景图片必须是能左右、上下拼合的图片。你就可以做到了,否则会出现层次不齐的现象!Body {background:url(图片路径) center center repeat;}可以简单解释一下,两个center指定了背景绝对居中对齐, repeat指定了背景可以向周围无限拉伸!如果你想垂直拉伸则是repeat-y横向拉伸是repeat-x如果你是做层要满足任何比例,那则定义层的宽度为100%即可 阅读全文
posted @ 2011-07-29 10:15 草莓在努力 阅读(370) 评论(0) 推荐(0)