微信小程序表白墙管理系统带后端带说明
后端管理系统说明
后台地址直接输入域名即可跳转
-
账号：admin 密码：123456
数据库账号密码修改路径
根目录/App/Common/Conf/config.php
小程序端配置说明
-
根目录/所有 *.js 文件
打开文件找到 api.55625.com 修改为你当前架设好的系统地址
文件：（访问密码：551685）
以下内容无关：
-------------------------------------------分割线---------------------------------------------
提起盒子模型，我想无论是对于一个前端资深开发人员还是前端入门开发人员来说都不陌生，这是CSS最基础的知识。
但是惭愧地说，我之前理解的盒子模型，只是文字上的理解。我知道定义一个元素的宽度和高度时，设置的仅仅是内容（content）区域，也知道内边距、外边距、边框，但是都没有动手尝试过…之前没想着好好学习前端，总觉得这不是很简单的东西么，能用、能将样式调成自己想要的就行了，但是最近开始学习前端之后，才发现自己以前对很多东西的理解都不够全面，对很多东西都一知半解。即使是一个简单的盒子模型，当问出一些问题时，我都没法给出准确的答案，比如background-color作用哪几部分？padding和margin具体能做到什么样的效果？标准盒模型和IE盒模型？等等等等，每次都是尝试着来，最终怎么达到的效果，可能都没那么清楚，到了下次还是继续尝试…
于是，我打算系统的学习和整理一下盒子模型的相关知识，并进行自我反思，好记性不如烂笔头，以后要多做多练啊！！！
一、什么是盒子模型 CSS盒模型本质上是一个盒子，模型定义了盒的每个部分，包括：外边距、边框、内边距、实际内容 —— 这些合在一起就变成了我们在页面上看到的内容。（完整的CSS盒模型应用于块级盒子，而内联盒子只使用盒模型中定义的部分内容。）
Content box：内容区域，如下图中的蓝色部分。 Padding box：内边距，内容区域外部的空白区域，如下图中的绿色部分。 Border box：边框，包裹内容和内边距，如下图中的黄色部分。 Margin box：外边距，是盒子和其它元素之间的空白区域，如下图中的橙色部分。
二、标准盒模型 标准盒模型就是：当我们设置 width 和 height 时，实际上设置的只是 content box 的宽高。而整个盒子的宽/高 = content + padding + border。margin不计入实际大小（margin只是影响盒子的外部空间，盒子的真实范围是到边框为止的）
如下图所示：
复制代码
复制代码
图一：整个盒子模型
图二：网页显示效果
由图，我们可以回答之前提到的几个问题了
- background-color作用哪几部分？ content 和 padding
- padding和margin具体能做到什么样的效果？. padding是内边距，也就是边框以内，内容周围的边距。如果设置background-color的话，则 background-color 包含 padding 部分。 margin是外边距，也就是边框外的边距，也可以理解为盒子模型与其它元素的边距。
