之前对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
一、对子菜单项(dd)进行设置设置子菜单项的样式分为3步。① 首先对每个子菜单项，也就是dd元素进行常规设置，包括文字颜色、背景色等，代码如下。折叠展开CSS 代码复制内容到剪贴板/*设置菜单项的dd*/#menulidd{ margin:0; padding:0; color:#fff; back...
分类：
其他好文 时间：
2014-06-28 19:14:46
阅读次数：
236
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
9.1.1 CSS3新增的box-sizing属性 css3新增了box-sizing属性来设置width、height控制哪些区域的宽度、高度、这样就可以让开发者控制起来更加方便。 例如有些时候，开发者需要控制的并不是该元素内容的宽度，高度，而是该元素整体(包括padding...
分类：
其他好文 时间：
2014-06-26 15:08:09
阅读次数：
184
JSONP可以帮我们解决跨域访问的问题。JSONP is JSON With Padding. 这里我们将不再解释其原理。我们来看在ASP.NET MVC 3 如何实现。首先我们需要定义一个JsonpResult. 代码像这样, 直接继承自JsonResult, override了ExecuteRe...
分类：
Web程序 时间：
2014-06-25 16:51:51
阅读次数：
285
自由拖动的DIV层方块
#draggable{
background-color:green;
font-size:9pt;
padding:30px;
color:white;
width:360px;
height:224px;
position:absolute;
}
var rDrag = {
o:null,
init:function(o){
o.onmoused...
分类：
其他好文 时间：
2014-06-22 19:28:18
阅读次数：
292
很老的问题了，如今再次碰到，记录下来，给后来者方便！众所周知，在Firefox下input type=”button”的文字是不好居中的，原因在于Firefox自己比较二，弄了个私有属性，导致以下问题的出现：按钮左右本身有2px的间距（FF私有属性写了padding:0 2px所致）；按钮文字居中是...
分类：
其他好文 时间：
2014-06-22 13:26:42
阅读次数：
201
如果要精确地控制盒子的位置，就必须对margin有更深入的了解。padding只存在于一个盒子内部。所以通常它不会涉及与其他盒子之间的关系和相互影响的问题。margin则用于调整不同的盒子之间的位置关系，因此必须要对margin在不同情况下的性质有非常深入的了解。一、实验1——行内元素之间的水平ma...
分类：
其他好文 时间：
2014-06-20 14:18:08
阅读次数：
225
