滚动 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin: 0;padding: 0;} body{ height: 100%; /*positio ...
分类：
Web程序 时间：
2016-06-08 18:44:10
阅读次数：
223
我是以chrome浏览器做的研究。 先看一段代码： 所以，根据上面的解释输出结果为： offsetTop: farther=0,child = margin(60) offsetHeight: farther = content(1000),child = content(500)+padding( ...
分类：
其他好文 时间：
2016-06-07 19:22:21
阅读次数：
173
效果： 完整代码如下 <html> <head> <script src="jquery1.8.js" type="text/javascript"></script> <style> ul, li { margin: 0; padding: 0; } #scrollDiv { width: 300 ...
分类：
Web程序 时间：
2016-06-06 23:28:18
阅读次数：
212
一、元素分类 在右边的代码编辑器中大家可以看到我们为 a 元素设置了宽和高，但都没有起到作用，原因是a在默认的时候是内联元素，内联元素是不可以设置宽和高的。 变为内联块元素即可。 二、盒子模型 外边框叫border。border margin padding都有四个方向。 三、盒子模型解析 3.1 ...
分类：
Web程序 时间：
2016-06-06 18:44:35
阅读次数：
146
width; height backgrond padding可以改变盒子的大小，一般设置了padding和border就要考虑减少盒子的width和height margin是外边距：也有上下左右，margin-top margin-bottom margin-left margin-right ...
分类：
其他好文 时间：
2016-06-06 13:47:26
阅读次数：
107
Bootstrap用于整体布局，简单方便迅速。Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。 重置技术最古老、暴力、原始的方法 *{ margin:0; padding:0; }reset.css 不通用， ...
分类：
其他好文 时间：
2016-06-05 22:50:29
阅读次数：
242
h3{color: #fff;background-color: #008eb7;-moz-border-radius: 3px;border-radius: 3px;padding:3px;margin:10px 0px;text-shadow:2px 2px 3px #404040;} 博客 贴 ...
分类：
其他好文 时间：
2016-06-05 18:27:33
阅读次数：
137
1.盒子3D模型（5层）：border、content+padding、background-image、background-color、margin 2.CSS布局模型：绝对定位（absolute）、相对定位（relative）、固定定位（fixed，与background-attachment ...
分类：
Web程序 时间：
2016-06-05 12:37:37
阅读次数：
130
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="utf-8"/>
<title>JaySkriptAndTheDomsters</title>
<styletype="text/css">
*{border:none;margin:0px;padding:0px;}
.number{padding:36px028px;width:400px;margin:auto}..
分类：
Web程序 时间：
2016-06-05 01:17:17
阅读次数：
1025
在div的外面添加父级div并设置 padding-bottom: 10px;！<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .clear { zoom: 1; /*iE 6; ...
分类：
其他好文 时间：
2016-06-04 19:34:16
阅读次数：
140
