随笔分类 - html-css
html-css
摘要:如果想单独取background-position的X值或Y值,IE里可以通过私有属性background-positionX或者background-positionY取得,但是非IE浏览器无法通过这个属性取得。查阅了参考资料,整理出如何获得XY的通用方法,我在IE6 IE7 IE8 FF3 Opera Chrome上测试没有问题。函数一、先通过jQ取得XY。[代码]bgPosition=bgP...
阅读全文
摘要:现在有IE7,IE8,firefox3的出现,让CSS可以做更多的事情,让我们来看看CSS相邻选择符.相邻选择符就是能够以紧跟元素,并与其有共同父元素的元素为目标的选择符.------------------------------------------------注意:IE6.0及以下版本不支持此选择符----------------------------------------------...
阅读全文
摘要:代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--1varstart=0;2varend=0;3functionadd(){4vartextBox=document.getElementById("ta");5varpre=textBox.value...
阅读全文
摘要:1. <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--> 2. <!--[if IE]> 所有的IE可识别 <![endif]--> 3. <!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]--> 4. <!--[if IE 5]> ...
阅读全文
摘要:辛辛苦苦做的网站突然被挂马,究其原因是因为网页带病毒,打开代码发现所有的页面的代码最后一行都多了一句: < IFRAME src="http://www.xxx.xxx ">< /IFRAME > 打开引用页面一看防病毒软件一顿乱响,找到元凶了这可怎办? 最后一行怎么弄都不行?!! 其实很简单我们只需要在 < STYLE >< / STYLE &g...
阅读全文
摘要:网上划分:http://www.style5.cn/xhtml-css/css-layout-experience.html我的CSS的划分:一:简单划分(规模小时) 整站布局:layout.css /*子模块如有特殊布局,可以通过不同的名称写在一起。*/ 公用样式:pubic.css /* 定义些公用字体,颜色,超链接等。*/ 模块样式:module.css /*也可将其拆成子模块。如news...
阅读全文
摘要:IE/Opera:对象的实际宽度 = (margin-left) + width + (margin-right)Firefox/Mozilla:对象的实际宽度= (margin-left) + (border-left-width) + (padding- left) + width + (padding-right) + (border-right-width) + (margin-right...
阅读全文
摘要:CSS中几种浏览器对不同关键字的支持,可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别* 可被IE6、IE7识别_ 可被IE6识别*+ 可被IE7识别IE专用的条件注释<!--其他浏览器 --><link rel="stylesheet" type="text/css" href="css.css" /><!--[if IE 7]>...
阅读全文
摘要:属性选择器(Attribute Selectors),或许你不应该对属性选择器感到生疏,从本质上说,id跟类选择器其实就是属性选择器,只不过是选择了id或者类的值(value)而已。 属性选择器的格式是元素后跟中括号,中括号内带属性,或者属性表达式(不知道描述是否正确,自创的词),比如h1[title], h1[title="Logo"]等,你可以从我下面的论述中看到4种具体形式。注意 属性选择...
阅读全文
摘要:使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下:颜色16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:#000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1;property:value1 value2; 表示top和bottom的值是value1,...
阅读全文
摘要:看到淘宝网页中这样写使用的是import,而很多网站都是使用link,当然还有一些页面比较简单,流量很大的网站,是直接将CSS写在html代码中的?他们有什么区别?css用import还是link好?从经典论坛和另外一个网站大概了解了一下看到淘宝网页中大部分是这样写的<style type="text/css" media="screen">@import url("http://ww...
阅读全文
摘要:这四种浏览器分别为IE(Internet Explorer)、NS(Netscape)、Opera、FF(FireFox)。clientHeight大家对 clientHeight 都没有什么异议,都认为是内容可视区域的高度,也就是说页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关。offsetHeightIE、Opera 认为 offset...
阅读全文
摘要:方法一:[代码]方法二:[代码]方法三:[代码]方法四:[代码]方法五:[代码]方法六:[代码]由于各浏览器的差异,图片垂直居中 能尽量用表格完成<td height="48" width="48"valign="middle" align="center">
阅读全文
摘要:如果在用CSS设计布局时遇到BUG,请认真阅读以下内容,非常容易记忆的,不知道哪位高人把CSS BUG编成了顺口溜了!看看好不好记住呢? 一、IE边框若显若无,须注意,定是高度设置已忘记; 二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中; 三、三像素文本慢移不必慌,高度设置帮你忙; 四、兼容各个浏览须注意,默认设置行高可能是杀手; 五、独立清除浮动须铭记,行高设无,高设零,设计...
阅读全文
摘要:[代码]这个效果就OPERA不正常其它都OK
阅读全文