作者：Benjamin Horn 原文地址：Pixel accurate collision detection with Javascript and Canvas 我正在开发一个又要使用碰撞检测的游戏。我通常会使用简单高效的盒模型碰撞检测。盒子模型的主要原则就是把所有的物体都抽象成正方形，如果两 ...
分类：
编程语言 时间：
2016-07-30 15:00:00
阅读次数：
195
一、html/css 1. 什么是盒子模型？ padding+border+width/height 2. float 浮动 （1）浮动的特性 半脱离文档流 行内变成块 共处一行 能设置宽高 同级元素有浮动，必须全部都浮动 父级宽度不够，子集掉下来 文本环绕 顶对齐 （2）清除浮动? clear:b ...
分类：
Web程序 时间：
2016-07-24 09:21:00
阅读次数：
347
1、盒子模型的宽高以及padding和border的认识 盒子的宽高不是CSS样式的宽高，CSS样式里的宽高只是内容的宽高，而盒子真实的宽高计算：宽：内容宽+padding+边框的高度 高：内容高+padding+边框的高度。这个地方要有所意识。 2、padding是有4个方向的，要控制这4个方向有 ...
分类：
Web程序 时间：
2016-07-23 14:54:46
阅读次数：
334
七、jQuery效果 (1)jQuery隐藏和显示 (2)jQuery淡入淡出fade (3)jQuery效果 滑动 slideDown,slideUp,slideToggle.用法如上。 (4)jQuery回调 八、jQuery中css设置和盒子模型。查找API中css中可以设置的属性，记住格式即 ...
分类：
Web程序 时间：
2016-07-23 00:40:36
阅读次数：
197
盒子模型是html+css中最核心的基础知识，理解了这个重要的概念才能更好的排版，进行页面布局。下面是自己积累和总结的关于css盒子模型的知识^_^，希望对初学者有用。 一、css盒子模型概念 CSS css盒子模型 又称框模型 (Box Model) ，包含了元素内容（content）、内边距（p ...
分类：
Web程序 时间：
2016-07-22 21:08:15
阅读次数：
286
一、简介 CSS 盒子模型（元素框）由元素内容（content）、内边距（padding）、边框（border）、外边距（margin）组成。 盒子模型，最里面的部分是实际内容；直接包围内容的是内边距；内边距的外边缘是边框；边框之外的是外边距。 内边距呈现了元素的背景；外边距默认是透明的，所以不会遮 ...
分类：
Web程序 时间：
2016-07-21 12:49:55
阅读次数：
214
W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转) 盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型： 从上图可以看到标准 w3c 盒子模型的范围包括 ...
分类：
Web程序 时间：
2016-07-13 19:57:42
阅读次数：
152
盒模型--边框（一） 盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。 如下面代码为 div 来设置边框粗细为 2px、样式为实心的、颜色为红色的边框： div{ border:2px solid red; } 上面是 border 代码的缩写形式，可以 ...
分类：
Web程序 时间：
2016-07-11 21:08:46
阅读次数：
224
一 flexbox布局 flexbox是ReactNative 应用开发中必不可少的内容，也是最常用的内容。 传统的页面布局是基于盒子模型，依赖定位属性，流动属性和显示属性来解决。对于一些伸缩性的布局，处理起来很是麻烦。于是在2009年，W3C组织提出来一种新的布局方案，既flex布局。 ...
分类：
其他好文 时间：
2016-07-11 19:12:36
阅读次数：
120
1、如果想设置页面居中，当设置margin属性为auto的时候，不能在设置浮动或绝对定位属性。并且一定要设置width为一个定值 2、盒子模型三维立体结构图 3、浮动布局 利用浮动可以实现横向布局，通过float来实现（left--左浮动，right--右浮动，none--不浮动），特点是：元素会左 ...
分类：
Web程序 时间：
2016-07-11 17:05:03
阅读次数：
179
