一、CSS3盒子模型<BoxModel> 由内到外内容<content>、填充<padding>、边框<border>、外边距<margin>组成盒子模型 盒子模型分类<W3C盒子模型、IE盒子模型(内容计算是包含border、padding计算)> ...
分类：
Web程序 时间：
2016-04-18 18:45:53
阅读次数：
218
这周学习了盒子模型，margin,值可以为负，两个块元素之间垂直方向的margin会重叠；padding是元素与border间的区域，不可为负，不可重叠。 浮动：主要解决两个竖着的变成两个横向的。浮动不会穿过padding区域，特点：对原元素的包裹性；对父级的塌陷性。也可以清除浮动：clear:bo ...
分类：
其他好文 时间：
2016-04-17 20:32:25
阅读次数：
113
盒子模型的学习。 css盒子模型 在网页设计中常听的属性名：内容(content)、填充/内边距(padding)、边框(border)、外边距(margin)， CSS盒子模式都具备这些属性。这些属性我们可以把它转移到我们日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也就是能装东西的一种箱 ...
分类：
其他好文 时间：
2016-04-17 17:38:51
阅读次数：
121
之前一直很模糊，他们的水平和垂直方向上的百分比是根据什么来的？ 是根据宽度还是高度呢？ 来揭秘一下把。 首先是 margin: 可以看出margin-top和margin-bottom都是根据父容器的宽度来决定的。 比如我这里的margin:10% 父容器的width:800px;height:60 ...
分类：
其他好文 时间：
2016-04-15 00:31:29
阅读次数：
502
在css盒子模型中，我们提到了html元素中的块元素（block element）和内联元素（inline element）。那么它们究竟是什么呢？ 其实，这两种元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素，能容纳其他块元素或内联元素。最常见的就是P和d ...
分类：
其他好文 时间：
2016-04-13 13:13:35
阅读次数：
121
在用notepad++编写注册界面的过程中对于将标题与注册框之间的间距不要太大，将body和head的盒子模型的外边距和内边距均设为0，代码如下： <style type="text/css">head{margin:0px;padding:0px;}body{margin:0px;padding: ...
分类：
其他好文 时间：
2016-04-10 21:27:09
阅读次数：
244
向下滑动网页的时候能够自动加载图片并显示。 盛放图片的盒子模型如下： 设置img-width为150px，然后box_img添加内边距和阴影效果，box的外边距为0，添加内边距。盒子的宽度是由img-width和边距撑开的。也就是说盒子之间是没有间距的，但是盒子内部有一些边距的效果。这样在js设置位 ...
分类：
Web程序 时间：
2016-04-10 17:43:42
阅读次数：
261
参考资料：Inline elements and padding 今天写一个导航栏时遇到了一个问题：行内元素的padding-top，padding-bottom和margin-top,margin-bottom是不是真的是无效的？ 接下来就这个问题将具体分析： 1.行内元素拥有盒子模型么 答案是是 ...
分类：
Web程序 时间：
2016-04-10 12:44:11
阅读次数：
207
1.什么是语言？语言：交流工具。人与人之间的沟通交流，我们会用到各种语言，比如：汉语，英语等。作为一个前端工程师，要与浏览器沟通交流，就要用到浏览器所能识别的语言。2.html--结构超文本标记语言css--样式层叠样式表js(javascript)--行为3.html超文本标记语言标签对：&l..
分类：
其他好文 时间：
2016-04-08 01:13:10
阅读次数：
136
盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型： 盒模型的层次关系 第1层：盒子的边框(border)， 第2层：元素的内容(content)、内边距(p ...
分类：
其他好文 时间：
2016-04-05 15:42:44
阅读次数：
95
