01 2014 档案

摘要：代码：$('文本框控件').keydown(function(e){ e = (e) ? e : ((window.event) ? window.event : "") var key = e.keyCode?e.keyCode:e.which; if(key == 13){ alert('你按下了回车键') return false; //return false是为了停止表单提交，如果return true或者不写的话，表单照样是会提交的。 }}); 阅读全文

摘要：文章转自：http://www.w3cplus.com/content/css3-media-queries 阅读全文

摘要：box-sizing是CSS3的box属性之一。CSS中Box model是分为两种，第一种是W3C的标准模型，另一种是IE的传统模型，他们相同之处都是对元素计算尺寸的模型，具体说就是对元素的width,height,padding,border以及元素实际尺寸的计算关系；他们不同之处呢？文章转自：http://www.w3cplus.com/content/css3-box-sizing 阅读全文

摘要：IE7，A块的margin-bottom下面没其他块，则A的父元素不计算A的magin-bottom 阅读全文

摘要：方法一 vertical-align: middle;方法二：浮动 阅读全文

摘要：.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}可加float:left; 阅读全文

摘要：IE6是不支持的 阅读全文

摘要：IE6加个背景可以使跑位的块还原 阅读全文

摘要：设置line-height，IE6中显示顶头了原因：当在一个容器里文字和img、input、textarea、select、object等标签相连的时候，对这个容器设置的line-height数值会失效； 同时以上元素的行高可能×2：解决方法： 对和文字相连接的img、input、textarea、select、object等元素加以属性 margin: (所属line-height-自身高度)/2px 0;vertical-align:middle 阅读全文

摘要：1.Firefox浏览器@-moz-document url-prefix() { Selector { property: value; } }/* 支持所有Gecko内核的浏览器 (包括Firefox) */ *>.selector { property: value; }2.Webkit内核浏览器(chrome and safari)@media screen and (-webkit-min-device-pixel-ratio:0) { Selector { property: value; } }3.Opera浏览器@media al... 阅读全文

摘要：A块内有B块当B块的边与A块的边相贴时才能适应相对应的负值；当B块width没定义下则宽为A快的width+margin的负值当A块width没定义下则宽为B块width-margin的负值；若设定了width值，则是偏移；若A、B块都没有浮动，则默认为float：left的情况； 阅读全文

摘要：opacity 除IE外的浏览器支持；filter：alpha IE7以上的支持 阅读全文

摘要：ul默认的list-style-position: outside;在IE6下会显示不全，改为list-style-position: outside; 阅读全文

摘要：border-collapse值separate默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。collapse如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。inherit 规定应该从父元素继承 border-collapse 属性的值 阅读全文

摘要：原因一：绝对定位的元素没有相对父元素定位 在父元素里加 zoom：1；原因二：绝对定位的元素A相邻着浮动的块B，A块消失， 解决：它们之间加个块隔开 或 设置B块的width（由于B块的长度挡住了A块） 阅读全文

摘要：方法：给p加个背景，如p{ background: white;} 阅读全文

摘要：解决方法：font-size：0px；line-height：0px；overflow：hidden； 阅读全文

摘要：CSS:a{ float:right; }li{ padding-bottom; overflow:hidden}因为 li 使用了 overflow（清除浮动），padding-bottom失效解决办法有：一、将overflow去掉，使用float。二、.clearfix{ *zoom: 1; &:before, &:after{ display: table; content: ""; line-height: 0; } &:after{ clear: both; }}将overflow换成.clearfix来清除浮动。 阅读全文

摘要：IE6下有个BUG只要在有padding-top的元素内 有 那就会出现双倍PADDING的 BUGCSS.clear {clear: both;}解决办法需要在.clear的CSS里加overflow:hidden;height:0;.clear {clear: both;overflow:hidden;height:0;} 阅读全文

摘要：添加 display：inline-block 阅读全文

摘要：float块的后面没有其他块，则margin-bottom失效 阅读全文

摘要：解决方法：position: relative 阅读全文

摘要：用于设置一个块级元素首位字符的样式，而且仅对该字符设置样式p：first-letter{ font-size：200%}是让P中的第一个字符是其他字符大小的两倍 阅读全文

摘要：下拉框没有用到z-index属性，则当鼠标移到第二子菜单是就会消失。PS：在IE6下，第二子菜单继承父元素的z-index。 阅读全文

摘要：rgba（255，255,255,0.5）为白色50%透明在IE6-IE8不兼容，可用filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7fffffff', EndColorStr='#7fffffff');其中7f为十六进制透明度，表示50%（00-ff为0到100%）；后面6位为颜色 阅读全文

摘要：如，正常情况下a：hover span{ }在IE6下不支持的原因是 a：hover没有样式解决办法：a：hover{ } //随便加样式a：hover span { } //得加上句了才支持 阅读全文