12 2010 档案

摘要：/ul这里面有两个问题:1.IE6:li与li之间有3像素的间距,li元素将图片当成文本来处理了(利用这个属性可以解决图片垂直居中问题),必须把font-size:0;才能解决(其它浏览器中不会出现此现象)2.非IE6浏览器(FF,IE8,IE7,谷歌,opear浏览器):img元素底部到li的间距要比其它三个方向要大(5),是因为li有行间距,将行间距设为0,四个方向就间距就是5了(IE6中不会出现此现象) 阅读全文

摘要：一般在页面中需要用到的图片有三种:gif,jpg,pngpng是为了取代gif应用而生的(除了GIF动画),这里只介绍jpg,png在存储图像时采用JPG还是PNG主要依据图像上的色彩层次和颜色数量进行选择。一般层次丰富颜色较多的图像采用JPG存储，而颜色简单对比强烈的则需要采用PNG。但也会有一些特殊情况，例如有些图像尽管色彩层次丰富，但由于图片尺寸较小，上面包含的颜色数量有限时，也可以尝试用PNG进行存储。而有些矢量工具绘制的图像由于采用较多的滤镜特效也会形成丰富的色彩层次，这个时候就需要采用JPG进行存储了。另外还有一个原则就是用于页面结构的基本视觉元素，如容器的背景、按钮、导航的背景等 阅读全文

摘要：整理出一个Windows系统下各浏览器常用CSS hack汇总表，如下：说明：1. 此汇总表中测试浏览器的版本为 o IE6 o IE7 o IE8 o Firefox 3.6.6 o Safari 5.0 o Chrome 6.0.458.1 dev o Opera 10.602. 其中，多数CSS hack是在selector{property:value;}基础上更改的。selector代表CSS选择器，property代表CSS特性，value代表特性的值。3. FF代表Firefox，Ch代表Chorme，Sa代表Safari，Op代表Opera4. Q代表Quirks Mode，S 阅读全文

摘要：图生垂直居中有多种方法:1.图片宽度,高度都小于外面框的宽和高度,不知图片(宽和高).xh_b{ display:table-cell; vertical-align:middle; //上面两条主要是为了不是IE6浏览器 *font-size:200*0.873px; *display:block; *font-family:Arial; //防止别的编码,GBK; text-align:center; width:200px; height:200px;}.xh_b1 img{vertical-align:middle;//主要是为了IE6}2.图片宽度,高度都小于外面框的宽和高度,(知道 阅读全文

摘要：事件中有一个mouseout，但当鼠标移到对象的子元素上，也会触发mouseout事件，很多时候我们要结合鼠标位置来完成当鼠标离开某对象后该对象自动隐藏效果。jquery.event中定义了一个mouseleave就可以解决这一问题。 阅读全文

摘要：text-align:center;//行内元素居中对齐margin:0 auto;//块级元素居中对齐主要是来讨论下:margin:0 auto;如果父元素的宽度不定的话,使用margin:0 auto;的话会导致父元素的宽度占领整个的父父元素,例:如果父元素的宽度不定(设置了float:left;),是以内部元素为支撑点,随着内部元素的多少自动伸展宽度,里面的元素又是多个块级元素,想块级元素居中显示,如果使用margin:0 auto;(在IE6下面)的话会导致父元素的宽度占领整个的父父元素,这时候可以使用display:inline-block;text-align:center;来解决 阅读全文

摘要：一行文字中,如果文字大小(font-size)不同时,文字不能垂直居中对齐例:p对不齐啊,对不齐span style="font-size:30px;"140/span啊/p这行文字,会以最大字体的基线为准对齐,也就是,这行文字靠底对齐,不能垂直居中对齐,就是设置了height:30px;line-height:30px;也不能居中,这个行高会导致最大字体的能居中,如果想他们能居中对齐的话,这时候就必须设置两个line-height外面的一层行高设置大点,里面的行高设置小点就可以对齐总结:文字是以底线为准靠基线对齐(不管字体大小) 添加随笔 标题： 请输入标题 内容:【推 阅读全文

摘要：document.compatMode文档模式:文档模式在开发中貌似很少用到，最常见的是就是在获取页面宽高的时候，比如文档宽高，可见区域宽高等。IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样，但在Quirks Mode模式下则有很大差别，而在不声明Doctype的情况下，IE默认又是Quirks Mode。所以为兼容性考虑，我们可能需要获取当前的文档渲染方式。document.compatMode正好派上用场，它有两种可能的返回值：BackCompat和CSS1Compat。Ba 阅读全文

摘要：经常弹出层需要透明:IE和FF,opear,谷歌浏览器解析并不一样IE:filter:Alpha(opacity=30)//IE专有的滤镜表示其它的浏览器:opacity:0.3以上大家平常都知道,在项目中是经常用到还有一点需要注意:IE8下面,IE有绝对或相对定位内容不随父透明度变化的bug.IE6,IE7和其它浏览器中没有发现这种形象,都随父透明度变化 阅读全文

摘要：在项目中碰到一些逻辑性比较强,混乱的判断时,有时候应该跳出来,别一条路子走到底,越走越狭窄,最后弄得自己头晕脑胀,应该从另一个角度去考虑,1.如果从局部考虑比较混乱的情况下,是否可以从整体考虑,如果整体比较混乱的情况,是否可以考虑从局部.2.要有反向思维3.要能站在一定高度看问题(有点虚) 阅读全文

摘要：linux命令:修改权限:chown xiaohui.xiaohui *$smarty模板:得到URL中的page参数:<{$smarty.get.page}>日期的格式：客户端的日期：<{$smarty.now|date_format:"%Y-%m-%d %H:%M"}>服务器端的日期：<{$smarty.server.REQUEST_TIME|date_format:"%Y-%m-%d %H:%M"}>文件的替换：sudo sed -i "s/已有的字符/替换后的字符/g" `grep 已有的字 阅读全文

摘要：项目完成第二期了,例行下规则,总结下这期中碰到的问题,以及自己想到的问题,里面很杂,也不按照结构,样式,脚本来分离了,就直接写了1.URL:链接中可能要带上些特殊的符号例:&^%$+,在传给别人时,需要对这些符号进行转义,如果直接用$smarty模板中写的话,有的会出现乱码,这时候可以想到用JS去设置href的值,在设置的过程中就可以使用encodeURL来对特殊字符进行转义,例用户名,用户所发的言.2.slice()函数:str.slice(0,10)如果str不够10个字符时,就直接原句显示,如果超过10个字时,就会截断到10个字,这里指的是汉字,以前用到的都是substring()这个函 阅读全文

摘要：页面中元素一般分为两种：块级元素，行内元素（内联元素），即然分为两种元素，那么他们之间必然有区别：1.块级元素总是独自占一行，前面和后面就好像有个换行符，内联元素总是和其它的内联兄弟占一行2.块级元素可以设置宽和高度值，内联元素就不行了，他们的宽和高总是随着自身的内容自动扩大和缩小3.块级元素的margin和padding都正常，内联元素左右maring和左右padding正常，上下不正常不识别，也就是说不能通过margin-top和padding-top来改变行高关于第3点补充下：行内元素margin和padding左右间距在各个浏览器中解析的都完整,上下间距那就是杯具,各个浏览器解析还不一 阅读全文