DHTML
关注
分享
扫一扫
文章平均质量分 68
zi_jin
关注互联网，关注Web前端技术动态
展开
-
换肤测试程序
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">换肤测试程序.themes{border:1px solid #000;}var arrCSS=[ ["","css/ocean.css"], ["","css/tangerine.css"], ["","c转载 2008-05-09 14:20:00 · 527 阅读 · 0 评论 -
SEO中的DIV CSS样式的命名规则
在搜索引擎优化中， 对于代码的优化是一个非常重要的部分。 如果一个网页的代码非常的简捷，对于提升网站的排名那个是非常有好处的。 同样， 在CSS样式表中，合理有序的命名同样可以为整个CSS工作带来意想不到的简便。 为了更加符合搜索引擎的规范， 下面是一些常用的CSS代码命名标准。 这些标准虽然不是一个必须遵守的规范，但是，却被大多数SEOer所接受，并为整个网站的更新工作带来方便。页头:hea原创 2009-01-09 16:00:00 · 923 阅读 · 0 评论 -
CSS opacity - 实现图片半透明效果
前几天一位做网页设计的朋友问我这个问题：如何通过CSS来实现图片半透明效果，并且在IE和Mozilla上都可以得到支持。下面将我的方法分享给大家。下图为通过CSS实现的图片透明效果这个效果在IE和Mozilla浏览器上都可以工作，代码如下this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5;thi原创 2009-01-09 17:02:00 · 898 阅读 · 0 评论 -
区别不同浏览器，CSS hack写法：
区别IE6与FF： background:orange;*background:blue;区别IE6与IE7： background:green !important;background:blue;区别IE7与FF： background:orange; *background:green;区别FF，IE7，IE6：转载 2008-11-27 14:41:00 · 631 阅读 · 0 评论 -
在textarea光标指定地方插入内容
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://community.youkuaiyun.com/Expert/TopicView3.asp?id=5649731-->html xmlns="http://w转载 2008-12-01 15:28:00 · 1286 阅读 · 1 评论 -
onmouseout 和 onmouseleave 有何区别？
比如：在一个标签有一个标签1.由于标签是标签的子标签。所以根据事件冒泡的原理，标签上的onMouseOut和onMouseOver事件会被传递到标签上。2.对于onMouseOut和onMouseOver事件，浏览器会把和看做两个不同的object。从而当鼠标在两者之间移动时，会激发这两个事件。3.而且在浏览器中有一个很有意思的特性，带有连接的文字是空心的。就是说当鼠标点没有定位在文字曲线上时，浏转载 2008-12-05 10:32:00 · 5511 阅读 · 2 评论 -
IE6下Iframe的Src属性跟在Iframe标签后面的bug
这是在项目中遇到的问题:在项目后台操作页面采用了2个iframe标签来显示不同的菜单内容,页面在ie7和firefox下显示一切正常.但是客户那里一旦采用ie6的电脑浏览就会有90%的几率显示"该页无法显示",需要刷新好几次后方能正常显示内容。把iframe中页面的路径放在地址栏中访问,却一切正常。很明显,这是一个ie6的Bug,我想了好几天排除了很多可能都没有解决,最后在无意中修改了一下原创 2008-12-16 17:10:00 · 2884 阅读 · 0 评论 -
XML和HTML常用转义字符
XML和HTML中都有一些特殊的字符，这些字符在XML和HTML中是不能直接使用的，如果必须使用这些字符，应该使用其对应的转义字符。XML常用转义字符：字符转义字符描述&&和<小于号>>大于号转载 2009-03-04 21:58:00 · 737 阅读 · 0 评论 -
简单开启兼容模式 让IE8兼容网页
自从用了IE8 整个世界都变了形. 呵呵,问题没那么严重,如果你的网站还来不及修改以适合IE8访问的时候,咱们可以通过非常简单的方法,加几行代码就可以让访问的IE8自动调用IE7的渲染模式,这样可以保证最大的兼容性,方法如下: 只需要在页面中加入如下HTTP meta-tag: meta http-equiv="X-UA-Compatible" content="IE=EmulateI转载 2009-04-20 09:47:00 · 1105 阅读 · 0 评论 -
提高网页打开速度的一些小技巧
互联网带宽越来越宽，似乎让网页的加载速度得到了质的飞跃。其实不然，因为随着带宽的提高，网页上的对象也越来越多，因此加快网页打开速度还是一个重要的课题。加快网页的打开速度，有三个路径，一是提高网络带宽，二是用户在本机做优化，三是网站设计者对网页做一定的优化。这篇文章站在一个网站设计者的角度，分享一些优化网页加载速度的小技巧。 一、优化图片 几乎没有哪个网页上是没有图片的。如果你经历过56K猫原创 2008-10-05 15:47:00 · 604 阅读 · 0 评论 -
最常用的12种CSS BUG解决方法与技巧
CSS bug是布局中最头疼的问题。我们需要兼顾各种浏览器，以期待获得一致的效果。非常遗憾的是各厂商之间的竞争导致很多问题的存在。而IE6与 IE7在很多问题上也存在着很大的差别。在52CSS.com大量的技术文档中，也包含了这方面的内容。轻松的解决CSS bug是我们必须掌握的技能。现在整理出最常用的12种CSS BUG解决方法以及CSS BUG类的小技巧。希望对您的学习、工作有所帮助，原创 2008-10-05 15:45:00 · 1013 阅读 · 0 评论 -
几个经典的css技巧
几个经典的css技巧2008年08月22日 星期五 15:25使用 line-height 垂直居中 line-height:24px; 使用固定宽度的容器并且需要一行垂直居中时，使用 line-height 即可（高度与父层容器一致），更多的垂直居中总结可以看这里。 清除容器浮动 #main { overflow:hidden; } 期前也提到过这样的问题，更多信息可以看这里。 不让链接原创 2008-10-05 15:44:00 · 621 阅读 · 0 评论 -
CSS Hack整理
CSS Hack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析CSS没有达成一致前,我们只能用这样的方法来完成这样的任务.我进行前端开发的时候,测试用的浏览器大致有: IE7, IE6, Opera9(文章撰写时版本为9.25 8825), Safari3(文章撰写时版本为3.0.4 523.15), Firefox2(文章撰写时版本为2.0.0.11).转载 2008-05-09 14:27:00 · 466 阅读 · 0 评论 -
IE与Firefox的CSS兼容大全
1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 heigh转载 2008-05-09 14:05:00 · 433 阅读 · 0 评论 -
inline-block从入门到精通
首先先对行内元素（inline elements，比如span,a,b等。）和块元素(block elements，比如div,h1,p等)进行一下知识回顾.简而言之，它们的区别可以分为下几点 块元素会自动在末尾加一个换行，而行内元素不会。 块元素可以定义自身的高度（width）和宽度(height),而行内元素不可以。 块对象定义的自身垂直边距可以改变行高，转载 2008-05-11 21:38:00 · 686 阅读 · 0 评论 -
应用DIV+CSS编码时容易犯的一些错误
CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误： 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错d转载 2008-05-12 10:09:00 · 667 阅读 · 0 评论 -
css显示属性(display)block和inline的区别
关键词：块元素 内联元素 可变元素css display inline block 块元素(block element)一般是其他元素的容器元素，块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签P。"form"这个块元素比较特殊，它只能用来容纳其他块元素。 如果没有css的作用，块转载 2008-05-11 23:00:00 · 1813 阅读 · 1 评论 -
word-wrap,word-break,white-space,text-overflow的区别和用法
在div中，文本布局经常出现，换行混乱的情况。问题表现：1.如果是全英文字符串,中间不包含任何符号(包括空格)，不自动换行. 2.中英文混写，则在英文字符串的开始处换行（英文长度>div长度），结尾处不换行。 3.英文整个单词换行。等等，可能还有一些问题，这里只列出了常见的几个；介绍上面几个css属性功能的简单用法； word-wrap:normal |转载 2008-08-25 15:45:00 · 1013 阅读 · 0 评论 -
用UL标签+CSS实现的柱状图
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> 基于CSS的柱状图实现 body {padding:0;margin:40px;font-size:9pt;font-family:Helvetica,Geneva,sans-serif;} h3 {font转载 2008-06-01 18:00:00 · 1063 阅读 · 0 评论 -
注意细节 提高CSS的网页渲染效率
CSS学习越深入，我们需要关注的细节之处就越多，今天我们通过11个注意点来提高CSS的网页渲染效率。 1、十六进制的颜色值对位数与大小写 编写十六进制颜色值时你可能会用小写字母或省略成3位数，关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响，但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不希望冒险而降低了渲染的效率。 * 不赞成 - color:#f3a;原创 2008-10-05 15:43:00 · 714 阅读 · 0 评论 -
解决Flash __flash_unloadHandler 死循环的Bug
跟踪Flash代码,发现只要 Flash 的 AS 代码里执行了 flash.external.ExternalInterface.call ,自动会在页面上面创建 function __flash_unloadHandler() {} 方法.为了防止这个方法对浏览器造成死循环,我们得把这段不必要的方法在页面刷新前清掉. 幸运的是,IE为我们提供了 onbeforeunload 程序代码转载 2009-05-19 18:34:00 · 1708 阅读 · 0 评论