Barbabravo

摘要： 标准参考根据W3C CSS2.1规范第8.3节中的描述，边距属性设置了一个框的边距区的宽度。'margin' 缩写属性设置所有四边的边距，而其它的边距属性（ 'margin-top' ，'margin-right' ， 'margin-bottom' 及 'margin-left' ）只设置它们代表的那一边的边距。边距属性的取值可以是下面值之一： 指定一个固定的宽度。 百分比的计算基于生成的框的包含块的宽度。auto 其表现细节请参见宽度和边距的计算一章。边距属性允许有负值，不过可能有与实现相关的限制。 问题描述I 阅读全文

摘要： 框和布局在 KB005: CSS 层叠 中已经介绍了 CSS 的重要之处。CSS 可以说是页面表现的基础， CSS 可以控制布局，控制元素的渲染。布局是讲在电影画面构图中，对环境的布置、人物地位的调度、人物之间的关系、人物和景物的关系等的安排。大同小异，CSS 的布局也是一样。CSS 的布局，包含两个大部分：元素：元素及其组成，类似电影布局中人物的高矮胖瘦、衣着配饰等，以及场景中的桌椅板凳，物品等等。定位：元素的位置， 类似电影场景的中对环境的设置，人物作为元素，他们之间的关系会影响其在场景中的位置。总的说来，CSS 的布局比电影场景布局简单的多，因为 CSS 中要控制的元素都是死的，而人是活 阅读全文

摘要： 前端目录(?)[-]前端简介HTML标签的分类标签表示一个元素按性质划分 Block-Level和Inline-Level按语义划分XHTML标签的语义化CSSCSS基础知识CSS进阶CSS Sprite浏览器兼容性IE HasLayout和Block Format ContentCSS FrameworkCSS3CSS性能优化LESS和SASSJavaScriptJavaScript基础知识JavaScript进阶DOMJSONAJAXJavaScript FrameworksHTML5前端模板前端MVC模块化开发JavaScript单元测试JavaScript设计模式NodeJSES5Ot 阅读全文

摘要： 原载：Smallni | http://www.smallni.com/collapsing-margin/恩，margin叠加一直是个问题，也是我们一直会遇到的问题，很久以前就想把这个知识点整理下，做一个详细的讲解和分析。前一段时间知乎上有人问了这个问题，刚好克军也做了个回答，但回答的不尽其然，并且我做了自己的分析。刚好今天写到自己的博客里，并做一个更详细的探讨。今天主要介绍的就是：到底神马是外边距叠加？神马情况下外边距会叠加？如何避免外边距叠加？外边距叠加的定义请先阅读w3c关于collapsing-margin的官方介绍：In CSS, the adjoining margins of 阅读全文

摘要： 随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5 viewport的使用能帮你做到这一点……viewport 语法介绍：01 02 width控制 viewport 的大小，可以指定的一个值或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。height和 width 相对应，指定高度。target-de... 阅读全文

摘要： concat:基于当前数组中的所有项创建一个新数据，会创建当前数组一个副本，然后将接受到的参数放到数组末尾，最后返回新数组。如果没有参数，则复制当前数组并返回副本。slice:基于当前数组中一个或多个项创建一个新数组。可接受一个或两个参数，即要返回项的起止位置。若只有一个，则返回该位置至数组结尾的项，若有两个，则返回该位置至结束位置但不包括结束位置的项。splice:始终返回一个数组。可接受三类参数（第三类参数可为多个），第一个参数表示要操作的位置，第二个参数表示要删除的项数，第三个参数可能为多个，表示要插入的项splice(pos,num,aa,bb,cc…)查找方法：（IE9+/Firef 阅读全文

摘要： 利用border来绘制多种形状 阅读全文

摘要： 引言:Internet Explorer 中有很多奇怪的渲染问题可以给他一个”layout”得到解决，John Gallant 和 Holly Bergevin把他归类为“dimensional bugs”（尺寸bug或者尺寸臭虫），意思是可以给对应的元素赋予宽度和高度解决；这给我们带来了一个问题：为什么layout可以改变渲染模式和元素 之间的关系？hasLayout定义：layout是IE/WIN里面的私有概念，它决定了一个元素如何显示以及约束其包含的内容、如何和其他元素进行相互作用和联系、如何响应和传递应用程序事件、用户事件等；layout的特性可以被某些css样式属性不可扭转的触发，一 阅读全文

摘要： border:none;与border:0;的区别体现有两点：一是理论上的性能差异二是浏览器兼容性的差异。1.性能差异【border:0;】把border设为“0”像素虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/border-color进行了渲染，即已经占用了内存值。【border:none;】把border设为“none”即没有，浏览器解析“none”时将不作出渲染动作，即不会消耗内存值。2.兼容性差异兼容性差异只针对浏览器IE6、IE7与标签button、input而言，在win、win7、vista 的XP主题下均会出现此情况。【border:n 阅读全文

摘要： 两个box，box1嵌套box2，box2使用margin-top在IE下与其他浏览器不同。待整理 阅读全文