盒子模型相当于把现实中的盒子形象化。 盒子模型的大小=“内容（content）+内填充（padding）+边框（border）+外边距（margin）” 盒子模型方向为：top, bottom, left, right. border-style（边框样式）常见样式有： dashed（虚线）| do ...
分类：
Web程序 时间：
2016-12-08 23:22:13
阅读次数：
232
一、摘要 总结前端部分css选择器、css继承关系、css盒子模型等相关知识，并对容易出错的地方进行分析说明。 二、原因 在开发前端页面时如果对css选择器、继承关系，层叠，以及padding、margin区别和浮动问题理解不到位，会导致不知道什么时候该用哪种方法来处理问题。此文档是针对这些问题进行 ...
分类：
Web程序 时间：
2016-11-24 11:53:38
阅读次数：
192
今天在学习的时候偶然看到一张图片： 我瞬间瞪大了眼睛：width和height竟然不包括padding和border!! 过去所学知识有问题！在我的印象里，width应该是包含padding和border的，然而接下来我又看到了另一张图： 这张图是IE下的盒子模型，而第一张图是标准盒子模型。。。 于 ...
分类：
Web程序 时间：
2016-11-23 08:08:00
阅读次数：
197
什么是css盒子模型（Box Model）？ W3C中解释为：规定了元素框处理元素内容、内边距、边框和外边距的方式； MDN：文档中的每个元素被描绘为矩形盒子。渲染引擎的目的就是判定大小，属性——比如它的颜色、背景、边框方面——及这些盒子的位置。 背景会应用于元素内容、内边距、边框三者组成的区域； ...
分类：
Web程序 时间：
2016-11-21 18:26:22
阅读次数：
291
首先我们设置类如：.STYLE1 { width:150px; height:80px;color: #000000; border:1px solid #FF0000;} 解决让文字不超出CSS盒子的固定高宽我们只需要在此CSS类加入overflow:hidden;样式即可，加入后CSS类：.ST ...
分类：
Web程序 时间：
2016-11-15 14:12:54
阅读次数：
349
标准W3C盒子模型和IE盒子模型 CSS盒子模型：网页设计中CSS技术所使用的一种思维模型。 CSS盒子模型组成：外边距（margin）、边框（border）、内边距（padding）、内容（content）。 CSS盒子模型分为：标准W3C盒子模型，IE盒子模型，注意在两种模型中宽（width）和 ...
分类：
其他好文 时间：
2016-11-08 23:23:24
阅读次数：
269
盒子模型： 浏览器会将html每个元素都看做是一个矩形的盒子 边框：border ：粗细 类型 颜色 /上下左右 border-color:上 右 下 左 border-color:上下 左右 border-style: border-width; border-top： border-right： ...
分类：
Web程序 时间：
2016-11-05 23:28:29
阅读次数：
217
盒子模型尺寸： 盒子宽的尺寸=border+padding+margin+width块级元素和内联元素区别： 块级元素宽自动占满整行，内联元素不会 内联元素可以嵌在块级元素中，反之不可以 div和span的区别： div：内部可以嵌套任何元素，一般用于网站布局，或局部排版 span：可以嵌套内联元素 ...
分类：
Web程序 时间：
2016-11-05 22:52:00
阅读次数：
269
2016-10-22 《css入门经典》第6章 1.每个HTML元素对应于一个显示盒子，但不是所有的元素都显示在屏幕上。 2.HTML元素显示为CSS显示盒子的真正方法称为“可视格式化方式”。可视格式化方式告诉浏览器应该如何在屏幕上显示HTML内容。 3.元素类型： （1）块元素（block）：以新 ...
分类：
Web程序 时间：
2016-10-22 17:26:42
阅读次数：
187
