xjinza的专栏

元素是文档结构的基础，在css里面，每个元素生成了包含内容的框（box）,大家都叫“盒子”。但是不同的元素显示方式是不同的，有占据一整行的，有水平一个挨着一个的。比如：div 与span的方式不一样。什么是替换元素与非替换元素替换元素：替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容。比如： type="text" 的是，这是一个文本输入框，换一个其他的时

此内容只有IE可见 此内容只有IE6.0可见

无意打开IETester在IE8下测试了一个页面，突然发现一个父级position:relative;子级position:absolute;的样式焦点轮播的时候在IE8下居然是错位的。仔细看了一下，发现IE8居然不认父级的相对定位，直接就是在屏幕上显示绝对定位。初步判断是IE8对JS的解释变化了。但是我之前在各个浏览器都测试过了，没问题。本着学习的态度，我开始查看一些知名站点在IE8下的显示

body{filter: Gray;}单独的图片变灰img{filter: Gray;}

定义和用法 声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。以下面这个 标签为例：在上面的声明中，声明了

在开发后期总有一些七七八八的图片没有用到，站了很多空间。现在介绍一种方法可以方便地清理这些没有用到的图片。在Dreamweaver中站点>检查站点范围内的链接>孤立的文件，然后就按图索骥，一个一个清理就ok了。

导读：原文作者Brian在freelancefolder.com发表了一篇《15 Useful Google Chrome Extensions for Web Designers and Developers》，由伯乐在线敏捷翻译组编译，文章介绍了非常有用的15个Chrom

Firebug一个工具可以改变一个行业在 Firebug 身上得到了充分的印证，每一个前端开发人员都应该把这个小虫子捉到你的 Firefox 里面。在以前的岁月里，开发人员（尤其是 JavaScript 开发人员）最痛苦的事情就是调试程序，因为 JavaScript 的调

无标题文档*{ margin:0px; padding:0px;}ul,li{ list-style:none;}.p_show{ float:left; position:relative; padding:10px;}.b_img {width:441px; hei

在我们写样式的时候，页面的CSS在经历几个版本的修改之后，可能有些样式已经用不到了，或许将某些样式更名了而原来的忘了删除，总之页面中可能存在着一些无用的样式。这些无用的浪费了一些服务器空间和带宽消耗，也会增大我们的维护成本。那么有没有一些办法来清理那些无用的样式呢？今天就让我们来

无标题文档*{ margin:0px; padding:0px;}ul,li{ list-style:none;}img{ border:0px;}li{ float:left;}.xl_hot{ border:1px solid blue; width:960px;

在做一个注册模块时，从别的网站上扣下来一个验证码图片，可是chrome，firefox都可以正常显示，在ie下面就显示不了。用ps打开图片时提示，无法完成请求，因为找到不知名的或无效的JPEG标标志符类型。但用ACDSee可以打开。原因很简单，就是那张图片被人用重命名

title标题meta name author> 网站作者meta name classification> 网站所属目录类别meta name copyright> 版权声明meta name generator> 网站用什么软件做的 无标题文档 此内容只有IE6.0可见此内容只有IE7.0可见此内容只有I

今天做项目遇到IE position:relative bug,找到一篇文章，随便翻译下，说明情况 添加CSS:#container { height:100px; border:1px solid blue; overflow:auto; }#a { height:200px; background-color:lightblue;

无标题文档*{ margin:0px; padding:0px;}dl,ul{ display:table; border-collapse:collapse; margin-top:20px;}dt,dd,li{float:left; background:#ccc; border:1px solid red; padding:10px; display:table-cell;}td{

本文列举了兼容 IE 和 FF 的换行 CSS 推荐样式，详细介绍了word-wrap同word-break的区别。兼容 IE 和 FF 的换行 CSS 推荐样式最好的方式是word-wrap:break-word; overflow:hidden;而不是word-wrap:break-word; word-break:break-all;也不是word-wra

Form中的get和post方法，在数据传输过程中分别对应了HTTP协议中的GET和POST方法。二者主要区别如下： 1、Get是用来从服务器上获得数据，而Post是用来向服务器上传递数据。 2、 Get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用 “&”连接；Post是将表单中的数据放在form的数

先看这样一个例子：http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd">http://www.w3.org/1999/xhtml">DIV高度无法自适应#all {  width:240px;  padding:10px;  font-size:12px;  color:#FFF;

这两天在页面排版的时候遇到了两处地方：一处设置了line-height的值，IE7显示文字本行纵向居中，但是IE6中显示顶头了；另一处是个表单项目，设置了line-height后，IE7正常，IE6中表单的外部框增高了横多，留出大块空白。      天杀的IE6！我们来解决掉他，呵呵呵！！！BUG症状：当在一个容器里文字和img、input、textarea、select、object等元

a{text-decoration:none;border-bottom: 1px #0099CC dotted}

无效这样就可以了

IE的haslayout是个很纠结的东西，掌握好CSS就得掌握好它。初学CSS时走了很多弯路，以下几篇文章在我的学习中起了很大的作用，希望能让大家受益。此文是和老包共同弄的，参考了On have layout 。另外两篇文章摘自CSS Mastery【精通CSS】，与此文相互补充，希望对大家有帮助Having “layout”拥有布局 IE haslayout

要想更好的理解 css， 尤其是 IE 下对 css 的渲染，haslayout 是一个非常有必要彻底弄清除的概念。大多 IE下的显示错误，就是源于 haslayout。什么是 haslayout ？haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中，一个元素要么自己对自身的内容进行计算大小

本文转载自：http://www.cnblogs.com/Nina-piaoye/archive/2009/05/13/1455791.html一、表格的常用属性基本属性有：width（宽度）、height（高度）、border（边框值）、cellspacing（表格的内宽，即表格与tr之间的间隔）、 cellpadding（表格内元素的间隔，即tr与tr之间的间隔）、bord

为什么碰到表格我都想记录一下，:) 这次是关于表格边框的，碰到问题后也折腾了一小会儿才完成，记录后可能会记得更加牢固。一 表格的外观及结构 HTML 代码如下：    table border="1">        tr>            td class="bkf0">发布日期：/td>            td>2010-11-

介绍Internet Explorer 中有很多奇怪的渲染问题可以通过赋予其“layout”得到解决。John Gallant 和 Holly Bergevin 把这些问题归类为“尺寸bug(dimensional bugs)”，意思是这些 bug 可以通过赋予相应元

Untitled Document*{ margin:0px; padding:0px;}h4{ background:#C0C;float:left; padding:2px; width:70px; text-align:center; display:block;

在开发中我们常会在ie中遇到很多莫名的bug，尤其是ie6这个早就该退出历史的浏览器。刚刚在haslayout.net上看到有总结ie的一些 bug，分享一下。1.图片label bug，影响版本ie6/ie7/ie8，当label中有img的时候无法触发点击选中form

语法：font : font-style || font-variant || font-weight || font-size || line-height || font-family默认值为： normal normal normal medium normal "

抗锯齿就是让边缘平滑的技术，微软开发的好像叫cleartype，很早就出来了，不过都是针对英文，中文的不一定适用。下面看一下图：抗锯齿的字边缘会有彩色，但不放大看是看不出来的。那么如何才能让网页里的字抗锯齿呢，XP的开启方法是：桌面右键>属性>外观>效果>清晰

ie6盒子模型bug*{ margin:0px; padding:0px;}.box1{width:200px; background-color:red; height:100px;  }.box2{ background-color:green;

li 元素中包含 a img 元素的时候出现问题。html：css：ul{width: 280px;}ul li{display:block;height:57px;width:277px;}其中 temp.jpg

你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用 padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有

原文地址:http://www.wxwdesign.cn/article/skills/browser_quirksmode_csscompat.htm     由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在

怪异模式和DTD 为确保向后兼容，浏览器厂商发明了标准模式和　怪异模式　这两种方式来解析　网页。 在标准模式中，浏览器根据规范　表现页面；而怪异模式通常模拟老的式浏览器（比如IE４　）的行为以防止老站点无法工作。 这两种模式的差异比较大，比较典型的就是IE

css absolute定位，如何让层固定在网页的底部，而不是浏览器的底部.bottom{ position:relative; bottom:0px; left:0px;}之前用position：absolute只能固定在浏览器底

分享一个不错的前端开发和网页设计站点，www.it356.com,主要是一些国外的资源

去年就想将IE的bug系统地整理下，但一直都很忙没有完成，看到这篇E文后，我毫不犹豫的放下了手中的工作将之翻译出来。由于是第一次译文，所以错误在所难免，欢迎大家批评指正。原文：Ultimate IE6 Cheatsheet: How To Fix 25+ Inte

这是HTML------    图片展示          没有匹配记录                               &bid=&sid=">     ' alt='' />

前端开发设计，打交道最多的就是图片啦~今天就来个图片格式讲解，也许一些围绕你的问题可以在这篇文章中找到答案Gif格式图片的特点透明性Gif是一种布尔透明类型，既它可以是全透明，也可以是全不透明，但是它并没有半透明（alpha 透明）。动画Gif这种格式支持