块级元素： 1、总是在新行上开始； 2、高度，行高以及外边距和内边距都可控制； 3、宽度缺省是它的容器的100%，除非设定一个宽度； 4、它可以容纳内联元素和其他块元素 行内元素： 1、和其他元素都在一行上； 2、高，行高及外边距和内边距不可改变； 3、宽度就是它的文字或图片的宽度，不可改变 内联元 ...
分类：
其他好文 时间：
2018-11-26 23:11:45
阅读次数：
174
简介 在写css样式布局的时候经常会遇到一种情况，在循环列表的时候统一有margin-top：10px,或者margin-right: 10px这样的情况，但是你并不想第一个元素添加上外边距；在不知道相邻兄弟选择器前通常是自定义class样式把第一个元素设置为margin-top:0;使用了相邻兄弟 ...
分类：
其他好文 时间：
2018-11-26 02:32:58
阅读次数：
491
一.div和span DIV和SPAN在整个HTML标记中，没有任何意义，他们的存在就是为了应用CSS样式 DIV和span的区别在于，span是内联元素，div是块级元素。div占用整行，span只会占用内容大小的部分。div可以改变size，span不可以改变size 二.盒模型 margin ...
分类：
Web程序 时间：
2018-11-21 17:47:57
阅读次数：
230
浮动定为是CSS中重要的排版手段， 比如首字的放大和图文混排，float浮动可以设置left right 和none，当设置左或右浮动时元素会向父元素的左侧或右侧靠近，这个距离是怎么回事呢？ 我们来看下 没浮动之前float1的宽度充满整个父块，空隙是仅仅就是父块的内边距 加上它自己的外边距 浮动之 ...
分类：
其他好文 时间：
2018-11-16 23:30:01
阅读次数：
298
默认情况下，元素是如何布局？ 首先，取得元素的内容，加上内边距（padding），边框（border），外边距（margin）放在一个盒子中 - 这就是我们之前看到的盒子模型 默认情况下，块级元素的内容宽度是其父元素宽度的100%，高度与其父元素相同。行内元素的高度与高度对应其内容的宽度与高度。不能 ...
分类：
Web程序 时间：
2018-11-16 12:18:21
阅读次数：
215
响应式Web设计经常需要我们通过百分比设置组件宽度。如果我们不考虑边框，那么很容易就可以实现，但如果你给每一列以及总宽度都采用百分比设置，那这个时候固定的边框大小就会出来捣乱。下面我们将看到一组方法去解决这个问题，你会学到如何创建一个流式布局，而不用担心额外的边框以及内边距。 假设我们需要一个五列的 ...
分类：
其他好文 时间：
2018-11-15 22:39:10
阅读次数：
280
原因在于：CSS 外边距合并 复现： 这里子元素设置margin-top会作用在父元素上了。 解决方法： 1、为父元素设置padding。 2、为父元素设置border。 2、为父元素设置 overflow: hidden 。 ...
分类：
其他好文 时间：
2018-11-15 13:52:13
阅读次数：
158
第一章 样式：style 边框：border 背景：background 不会占用容器宽高度 文字设置：font 文本设置：text 内边距：padding 外边距：margin 盒模型 s设置标签的大小和边距、边框。 第二章 a标签 超链接 语义标签 ...
分类：
Web程序 时间：
2018-11-15 11:01:45
阅读次数：
201
//背景颜色 background: red; //高度 height: 140px;//下外边距 margin-bottom: -140px;//规定元素的定位类型，比如，相对，绝对，固定 position: relative;//设置段落的最小高度min-height：100%; ...
分类：
Web程序 时间：
2018-11-13 12:15:37
阅读次数：
137
初了解 CSS盒子模型，一个神秘的方形组织。 MDN中的定义：W3C盒模型是 CSS 规范的一个模块，它定义了一个长方形的盒子，每个盒子拥有各自的内边距和外边距，并根据视觉格式化模型来对元素进行布局。 自己的话来解释一番：盒子模型是相对于块状元素和行内可替换元素而言的，当我们编辑好html与css， ...
分类：
Web程序 时间：
2018-11-12 13:21:41
阅读次数：
349
