【手把手】JavaWeb 入门级项目实战 -- 文章发布系统 （第十节）

搭好了骨架，才是添加css代码的时候。

我个人绘制页面，都是遵循这样一个流程。

好了，先看看效果：

页面布局简图：

第一部分，是文章的展示区域。

html骨架

文章标题

分类： 编程代码类

发布时间： 2016-10-27

---

初学javascript的人，都会接触到一个东西叫做闭包，听起来感觉很高大上的。网上也有各种五花八门的解释，其实我个人感觉，没必要用太理论化的观念来看待闭包。

事实上，你每天都在用闭包，只是你不知道罢了。

比如：

var cheese = ‘奶酪’;

var test = function(){

alert(cheese);

}

OK，你已经写了一个闭包。

函数也是一个数据类型

变量 cheese 是在全局作用域中的一个变量，当你创建了一个 test 函数，那么，test 和 cheese 就共享一个全局作用域。

你要额外明白的一点是，在js中，函数和变量本质上是一个东西。函数也是一个数据类型。

从上面的定义中也能看出来这一点。你要是不相信的话，我们来看一下咯。

alert(cheese);

alert(test);

Paste_Image.png

Paste_Image.png

让我们再来看看 test 和 cheese各是什么类型：

文章内容都是一些测试数据。

展示一篇文章，包含这篇文章的标题，分类和发布时间，当然还有作者信息。

首先是文章标题，它就是一个div，没什么大不了的。不要把它想得太复杂了。

文章标题

标题的css：

.article .title {

text-align: center;

font-size: 28px;

color: #565353;

letter-spacing: 2px;

margin-top:20px