本总结不断更新，主要记录本人调试过程中所终结的经验与方法。 毕竟本人不是做浏览器前端的，所以如有不详敬请见谅。 css关系到界面的美观，有时候功能实现了。界面确丑到没人用，终归还是一件失败的产品，所有好的产品不仅需要实用的功能，更加需要贴心美观的外观。 1.如果遇到整体布局工整，个别布局偏移的。 可以使用浏览器取道偏移的组件（放大镜），然后得到应用到这个组件的css文件中的css效果进行修改即可，如下图所示： 可...
一.什么是浏览器兼容性问题？
所谓的浏览器兼容性问题，是指不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况；而造成浏览器兼容问题的根本原因，是浏览器的内核不同导致的。认识浏览器内核
浏览器类型 内核 JS引擎
IE Trident JScript
Firefox Gecko TraceMonkey
Chrome ...
去过宜家的同学应该都有注意到，宜家的家具基本都是组合的，可拆装。模块化的特点也是这样，可以组合，相对独立，在需要的时候可以很方便的加上。那怎么写可以基本实现这种方式呢？很久之前就知道 宜家 ，以前在广州的时候也去过一次，给我的印象就是：大、贵、巧。地方很大，东西很贵，设计很巧。现在住的地方离宜家不远，这个月找时间去逛了下，地方还是那么大，东西还是那么贵，设计还是那么的巧。虽然没有买什么东西，不过也还...
div最小高度去除办法：IE6中，使用CSS定义DIV的高度的时候经常遇到这个问题，就是当DIV的最小高度小于一定的值以后，就会发现，无论你怎么设置最小高度，Div的高度会固定在一个值不再发生变动，这个问题很是烦人。如下面的情况。 HTML代码 复制代码代码如下:<html> <head> <title></title> <style type="text/css"> <!-- #testdiv { background: #009900; height: 3px; } --> </style> </head> <body> <div id="testdiv"></div> </...
1：通过position：absolute定位，上下左右的值都设为0，margin:auto；需要知道div的宽高{ width: 64px; height: 64px; border: 1px solid red; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }2：需要知道div的宽高，通过定位移动的页面的宽高一半的位置，再通过margin-top和margin-left的移动该div的宽高度的一般即可实现；{width: 64px; height: 64px; bord...
首先效果如下。效果就是若干长图通过视口，并且第一张和最后一张要无缝衔接。接着原理图如下。真的，超简单。。。注意：第一张和最后一张必须要是同一张图，这样才能无缝衔接。 如果视口大于每张图片，那就有必要第1，2甚至3张和倒数第3，2，1张相同，这样才能在视口大于图片的情况下完成完成衔接。 从右往左滚动，或者垂直方向滚动效果稍加变动代码即可实现。代码如下<!DOCTYPE html>
<html>
<head lang="en"><meta cha...
1、【.clr{clear:both;}】，设置了clear属性的元素，其上边框会紧贴着浮动元素的margin-bottom边界位置渲染，忽略其margin-top设置。复制代码代码如下:.divcss5{ width:400px;border:1px solid #F00;background:#FF0} .divcss5-left,.divcss5-right{width:180px;height:100px; border:1px solid #00F;background:#FFF} .divcss5-left{ float:left} .divcss5-right{ float:right} .clear{ clear:both} 2、空标签清浮动：【.clr{clea...
我们都知道，IE浏览器暂不支持CSS3的一些属性。国外的工程师们，不安于此现状，他们总是尽量使用一些手段使IE浏览器也能支持CSS3属性，我觉得这些都是很有意义，很有价值的工作，可以推动整个技术领域的进步的。到目前为止，有不少可以让IE支持部分CSS3属性的工具。例如： 1. Dean Edwards的IE7.js (以及 IE8.js, IE9.js) 这个玩意估计是试图让IE支持CSS3属性的鼻祖，还算蛮强大，就是性能开销较大，要解析很多文件脚本，给DOM添加...
命令行: win+r 调试出运行窗口; git & cmd & powershell基本使用方法: cd: 切换磁盘; cd ../ 切换到上一级; ls: 查看当前目录下所有的文件; cd 空格加文件名字: 切换到指定的目录; cls: 清空当前的屏幕内容;git命令使用clear;定义变量: $color:yellow;引用变量: div { color: $color };嵌套规则: content { width:100px; h4 { color: red; } p { text-indent...
代码： 1<!-- 1 float --> 2<h3 class="block">第一种方法-float</h3> 3<div class="tips"> 4<h4 class="tips-info">关键点</h4> 5<ol> 6<li>结构顺序：左，中，右</li> 7<li>中间盒模型的margin-left、margin-right分别是左右盒模型的宽度、障眼法:中间盒模型使用margin属性，留出左右元素的宽度，既可以使中间元素自适应屏幕宽度。</li> 8<li>注意，结构上，左边盒模型、右边盒模型、中间盒模型</li> 9</ol> 10</div> 1...
如今，这种利用CSS制作圆角的技术已经得到了大多数主流浏览器的支持，包括Safari，谷歌浏览器，IE，Opera和火狐浏览器。下面让我们来看看border-radius的语法，解释，以及IE是如何支持它的。语法和说明在CSS3中用来生成圆角效果的属性是border-radius.这个属性跟大家熟知的width等属性的用法相似：复制代码代码如下:.roundElement { border-radius: 10px;}上面的这句代码的作用是设置一个元素的四个角的弧度半径值都为10px。你也可...
绘出圆角：1、下载一个压缩包，里面有一个微软的脚本文件（11KB）和一个用来测试服务器是否有正确的Content-Type的HTML文件：iecss3.rar；.htc 文件是IE内核支持Web行为后用来描述此类行为的脚本文件。它们定义了一套方法和属性，程序员几乎可以把这些方法和属性应用到HTML页面上的任何元素 上去。Web 行为是非常伟大的因为它们允许程序员把自定义的功能“连接”到现有的元素和控件，而不是必须让用户下载二进制文件（例如ActiveX ...
断断续续的在开发过程中收集了好多的bug以及其解决的办法，都在这个文章里面记录下来了！希望以后解决类似问题的时候能够快速解决，也希望大家能在留言里面跟进自己发现的ie6
7
8bug和解决办法！1：li边距“无故”增加 任何事情都是有原因的，li边距也不例外。 先描述一下具体状况：有些时候li边距会突然增
加很多，值也不固定（只在IE6/IE7有这种现象），让人摸不着头脑，仔细“研究”发现是由于其低级元素ul的padding引...
方法一：把一些 div 的显示方式设置为表格，因此我们可以使用表格的 vertical-align属性。结构效果如下：CSS复制代码代码如下:div#wrapper { display: table; width: 500px; height: 500px; background-color: #c00;}div#row { display: table-row;}div#cell { display: table-cell; vertical-align: middle;}html复制代码代码如下:<div id="wrapper"> <div id="row"> <div id="cell"> ...
border-style -- 定义边框的样式 取值:<border-style>{1,4} | inherit <border-style>{1,4}: 边框样式 inherit: 继承 初始值: none 继承性: 否 适用于: 所有元素 border:边框,style:样式 border-style和border-width的赋值方式是一样的,可以分别赋1,2,3或4个边的样式. border-style的取值 none: 无样式 hidden: 除了同表格的边框发生冲突的时候,其它同none dotted: 点划线 dashed: 虚线 solid: 实线 double: 双线,两条线加上中间的...
本总结不断更新，主要记录本人调试过程中所终结的经验与方法。 
