之前对div的css布局一直有点半知半解，只其然却不知其所以然，到网上下载了“十天学会DIV+CSS(WEB标准)”的chm电子版，然后跟着练习了一下，特在此记录，备忘。div+css布局练习 此处显示 id "layout" 的内容 此处显示 id "side" 的内容 此处显示 id...
分类：
Web程序 时间：
2014-07-16 23:08:57
阅读次数：
324
###[Github pages 博文](http://magicdawn.github.io/2014/06/28/css-chediyanjiu-2/)#一 . CSS盒模型##1.盒子的结构margin-border-padding结构 + 内容content 组成盒模型注意1. width,...
分类：
Web程序 时间：
2014-07-07 19:50:55
阅读次数：
227
;(function ($) { $.fn.extend({ 'nav' : function (color) { $(this).find('.nav').css({ 'list-style' : 'none', 'margin' : 0, 'padding' : 0, ...
分类：
其他好文 时间：
2014-07-07 12:26:05
阅读次数：
284
@CHARSET "UTF_8";*{padding:0;margin:0}margin是外边距 padding是内边距 意思就是 外边距=0 内边距=0border:2px solid#ccc;画一个边框，边线宽为2个像素 实线 颜色为#margin-left10px；是只限制和左边的距离marg...
分类：
Web程序 时间：
2014-07-02 22:53:16
阅读次数：
224
css3 box-sizing属性box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。content-box，border和padding不计算入width之内padding-box，padding计算入width内bor...
分类：
Web程序 时间：
2014-07-02 10:36:59
阅读次数：
171
设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置，他们之间不会相互影响，而会在同一位置层叠。此时对象不具有外补丁( margin )，但仍有内补丁( padding )和边框( border...
分类：
Web程序 时间：
2014-07-01 18:55:36
阅读次数：
296
width:auto；会将元素撑开至整个父元素width，但是会减去子节点自己的margin，padding或者border的大小。width:100%；会强制将元素变成和父元素一样的宽，并且添加额外的空间到这个元素的width上。就是因为这个，会导致很多问题。使用width:100%永远都不是一个...
分类：
其他好文 时间：
2014-06-27 17:00:27
阅读次数：
247
盒模型包括：content,padding,margin,borderIE下的盒模型：width包括content的宽度+2倍的padding宽度+2倍的border宽度W3C标准的盒模型：width就是content的宽度定义 box-sizing: content-box; 时，浏览器对盒模型的...
分类：
其他好文 时间：
2014-06-26 21:31:00
阅读次数：
250
第七章 基本视觉格式化正常流（没有浮动和定位元素）、非替换元素（包含在文档中）、替换元素（用作其它内容的占位符，如img）、块级元素（会和其它元素形成换行，如div）、行内元素（span之类的元素）和根元素（位于文档树顶端的元素，在HTML文档中就是元素html）水平格式化wideness? /.....
分类：
Web程序 时间：
2014-06-26 15:25:00
阅读次数：
190
9.1.1 CSS3新增的box-sizing属性 css3新增了box-sizing属性来设置width、height控制哪些区域的宽度、高度、这样就可以让开发者控制起来更加方便。 例如有些时候，开发者需要控制的并不是该元素内容的宽度，高度，而是该元素整体(包括padding...
分类：
其他好文 时间：
2014-06-26 15:08:09
阅读次数：
184
