- 青云网帮助电脑爱好者在各自领域取得成功！QQ群：77719397
- 友情链接，合作，联盟
学习笔记
相对绝对位置：正确的解决方法是：在元素的父级元素定义为position:relative相对;(这里可以是祖父级，也可以是position:absolute;，多谢谢old9的提出)需要绝对定位的元素设为position:absolute绝对;
这样再设定top,right,bottom,left的值就可以了，这样其定位的参照标准就是父级的左上角padding的左上侧。
例：position:absolute;left:0;top:0;
设定背景图片的位置：
body {background-image:url(background.gif);background-repeat:no-repeat; background-position:20px 60px}body { background: url("banner.gif") right top } /* 100% 0% */body { background: url("banner.gif") top center } /* 50% 0% */body { background: url("banner.gif") center } /* 50% 50% */body { background: url("banner.gif") bottom } /* 50% 100% */在线QQ代码：http://wpa.qq.com/msgrd?V=1&Uin=617457134&Site=杭州大力神肝康保医疗器械有限公司&Menu=yes
http://wiki.jquery.org.cn/doku.php jquery学习网址
19个js菜单要去掉这个才能用eval(x36("bnhvu*%Mohlrjvh$Ngqyt\"pytv#ff\"syseketgg$gqu$Jpwisphx!wvi/$,"))
相对于哪个框浮动
.cp-l-content-3{margin:2px 0 0 2px; position:relative}这里要定义相对框，如不定义，就会针对BODY相对移动。
.cp-l-content-4{position:absolute; bottom:0px!important;bottom:5px; right:9px;}这里是定义相对框的绝对位置，
overflow: hidden; /*图片超出DIV的部分不显示*/
<fieldset>旅行期限</fieldset><!--圆角标签-->
<legend>旅行期限</legend><!--这个标签作用是字与外框线对齐-->
CSS -Firefox浮動效果:
#box:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
列表前的点用智能ABC输入法：打“V14”就OK了。
把所示小图标集合在一张大图里，CSS调用方法：
.title{background:url(owner.gif) no-repeat -20px -350px;}<!---20px是宽度的位置，-350px是高度的位置，也就是图片的座标，从图片的哪个位置开始显示-->
背景图片显示位置background:url(/public/images/img_07.gif) no-repeat right bottom; height:300px; right是居右，bottom居下
两种调用CSS文件的方法：
<style type="text/css" media="all">@import "css.css";</style>
<link rel="stylesheet" href="css.css" type="text/css">
样式里调用其它文件样式 .input_box {main.css (line 62)}
去掉点击线框:nfocus="this.blur();如下 <input name="submit" type="image" src="/public/images/zc.gif" WIDTH="87" HEIGHT="33" ALT="" border="0" >
body常用设置：
body{font-size:12px; margin:0; padding:0; font-family:Arial, sans-serif;}
在CSS文件里调用其它CSS文件写法如下：
@import "reset.css";
@import "core.css";
禁止选择文字：
<BODY>
UL的双色滑动样式：
.listbox UL LI A {
BORDER-RIGHT: #fff 0px solid; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 20px; BACKGROUND: url(/img/l_ico.gif) #ffffff no-repeat 5px 8px; FLOAT: left; OVERFLOW: hidden; BORDER-LEFT: #fff 0px solid; WIDTH: 330px; COLOR: #333; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 25px
}
.listbox UL LI A:hover {
BORDER-RIGHT: #c1dd96 0px solid; BORDER-TOP: #c1dd96 1px solid; BACKGROUND: url(/img/l_ico.gif) #f7fced no-repeat 5px -12px; BORDER-LEFT: #c1dd96 0px solid; COLOR: #060; BORDER-BOTTOM: #c1dd96 1px solid; text-decoration:none;
}
图片带边框，但边框与图片隔一像素，另外鼠标经过边框变颜色：
.listbox .l_pic IMG {
BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #ccc 1px solid; WIDTH: 130px; PADDING-TOP: 1px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 80px
}
.listbox .l_pic A:hover IMG {
BORDER-RIGHT: #009900 1px solid; BORDER-TOP: #009900 1px solid; BORDER-LEFT: #009900 1px solid; BORDER-BOTTOM: #009900 1px solid
}
IE，火狐的兼容问题：
1、不要在body里设置text-align:center;
设背景图片background:url(images/bg2.jpg) repeat-y; width:990px; 一定要设这个,否则不显overflow:hidden; 最小高度，超过自动延伸min-height:1000px
2、在每个详细的DIV里设置margin:0 auto;这样才会居中，要设下高度，否则如果div里没字，火狐是不会显示的。
3、ID号不要以数字开头，否则无效。
4、设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。在ie6下设置margin-left:10px;那么它会双倍移动，也就是20px,所有加一条display:inline;让它们在同一条线上，这个只针对IE6，其它无效。这样就只会移动10px
5、在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法：div{margin:30px!important;margin:28px;}
6、IE7.0出来了，对CSS的支持又有新问题。浏览器多了，网页兼容性更差了，疲于奔命的还是我们 ，为解决IE7.0的兼容问题，找来了下面这篇文章：
现在我大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示!搜索了一下，找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。
现在写一个CSS可以这样：
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */
那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999，他们都互不干扰。
生来贫穷不是你我的过错，死而贫穷是我的遗憾！
朋友你好!回想这些日子过得好快,努力了这么久离起初的梦想还是遥不可及,不知你是否有这样的感受,凭着自己的双手打拼过,也陪同伙伴一起创造过,然而最终还是没有实现,在此创业的道路上总不断的检讨和总结,现在我终于明白,我们为什么总是失败,是我们的力量太薄弱了还是我们走的方向本身错了,我想都有原因.现正值失败的你,不知你是否还有勇气再站起来朝自己的梦想走去,如果有,现在我正有一个完全适合我们创业的平台,一个引领全球并且全新的互联网模式!如果你有兴趣那就让我们再次的携起手来,共创美好未来!请加QQ:979154882
机遇靠自己创造、能力靠自己培养、命运靠自己把握。
人生如梦，因为许多梦等着我们去努力，去实现。
人生如棋，因为棋子需要时刻摆正自己的位置。
平静的海洋练不出精悍的水手，
安逸的环境造不出时代的伟人。
请教一个小问题！ 2008的如何去掉标题后面的点？谢谢0
请教一个小问题！ 2008的如何去掉标题后面的点？
谢谢
/////////////////////////////////////////////
已经解决了 ，发现是官方默认的 tag_content.html 这个标签模板有个参数写格式写得不对（呵，不知道是官方故意这样写的还是失误？！），导致文件列表时会有省略号出来，图片标签的就OK，标题过长的自动去掉，所以按部就搬，改一下就OK了。
想不要出现省略号，只要将文章列表标签里的
{str_cut($r[title], $titlelen)}
替换为：{str_cut($r[title], $titlelen,'')}
即可，自已新建的文章列表标签模板也注意一下这里就OK了，也不用再去改系统文件了。
- ·上一篇：PHP环境配置
- ·下一篇：php下扩展php_curl.dll的安装
E-mail：epcos0607@sina.com QQ群：77719397
