margin margin：外边距的意思。表示边框到最近盒子的距离。 /*表示四个方向的外边距离为20px*/ margin: 20px; /*表示盒子向下移动了30px*/ margin-top: 30px; /*表示盒子向右移动了50px*/ margin-left: 50px; margin- ...
分类：
其他好文 时间：
2018-11-10 10:43:27
阅读次数：
159
一.边框 1.边框颜色 border-color 边框颜色(可以设置上边框，如:border-top-color,也可以整体设置，但是要注意顺序) 2.边框粗细 border-width 边框粗细(可以设置上边框，如:border-top-width,也可以整体设置，但是要注意顺序) 2.边框样式 ...
分类：
其他好文 时间：
2018-11-09 16:16:32
阅读次数：
154
一、基本概念： 对于一个HTML元素而言，它会占据页面的一个矩形区域，这块区域就是该元素占据的“盒子”。 HTML元素占据的矩形区域由内容区（content）、内填充区（padding）、边框区（border）和外边距区（margin）组成。下图显示了HTML元素 的盒模型。 HTML元素的盒模型中 ...
分类：
Web程序 时间：
2018-11-09 16:10:10
阅读次数：
199
一、css如何使用em，rem单位中来控制不同屏幕的字体比例尽量一致。 二、介绍一下css的盒子模型 css盒子模型又称框模型，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。 三、box-sizing属性介绍 box-sizing: ...
分类：
Web程序 时间：
2018-11-07 11:17:59
阅读次数：
214
在 CSS 中，width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。 假设框的每个边上有 10 个像素的外边距和 5 个像素的内边距。如果希望这个元素框达到 100 个像素，就需要将内容的宽度设置为 70 像素，请看下图 ...
分类：
Web程序 时间：
2018-11-03 23:01:55
阅读次数：
214
1.外边距合并：只有在垂直方向上会发生 例：子margin-top > 父margin-top 效果图： 2.在布局中的应用 margin：通常用来设置此元素与相邻元素或父元素边框的距离（盒子与 盒子之间的距离） padding：通常用来设置内容显示的区域 另：通常子元素的margin可以用父元素的 ...
分类：
其他好文 时间：
2018-11-03 01:53:31
阅读次数：
100
什么是 margin ? 概述 margin属性为给定元素设置所有四个（上下左右）方向的外边距属性。这是四个外边距属性设置的简写。四个外边距属性设置分别是： margin-top， margin-right， margin-bottom 和 margin-left 。指定的外边距允许为负数。 语法 ...
分类：
其他好文 时间：
2018-10-29 11:11:46
阅读次数：
148
1、盒子模型简介 1.1 什么是盒子模型 盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。W3C组织建议把网页上元素看成是一个个盒子。盒模型主要定义四个区域：内容（content）、内边距（padding）、外边框（border）、外边距（margin）。 举例： 输出结果： 1.2 ...
分类：
Web程序 时间：
2018-10-28 19:24:42
阅读次数：
180
1. 默认的内外边距不同 问题： 各个浏览器默认的内外边距不同 解决： *{margin:0;padding:0;} 2. 水平居中的问题 问题： 设置 text-align: center ie6-7文本居中，嵌套的块元素也会居中 ff /opera /safari /ie8文本会居中，嵌套块不会 ...
分类：
其他好文 时间：
2018-10-24 19:56:14
阅读次数：
162
css概述 CSS是Cascading Style Sheets的简称，中文称为层叠样式表，用来控制网页数据的表现，可以使网页的表现与数据内容分离。 css的四种引入方式 1、行内式 行内式是在标签的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。 2.嵌入式 嵌入式是将 ...
分类：
Web程序 时间：
2018-10-20 19:50:55
阅读次数：
160
