牛腩新闻发布系统是B/S第一个项目，与之前一直学习的C/S不一样，那么到底是怎么不一样呢？
一、C/S与B/S
Client/Server架构，即客户端/服务器架构。是我们熟知的软件系统体系结构，通过将任务合理分配到Client端和Server端，降低了系统的通讯开销，需要安装客户端才可进行管理操作。
B/S架构：客户端基本上没有专门的应用程序，应用程序基本上都在服务器端。由于客户端没有程序，应用程序的升级和维护都可以在服务器端完成，升级维护方便。
下面是小编做的极简对比图。更多关于C/S与B/S的知识，请点击这里：区别(C/S与B/S)
二、牛腩新闻发布系统–颗粒归仓
设计：
数据库设计，数据表，UML图，网页界面布局设计，设计说明书，命名规范等等。
前端：
CSS框架，div标签，HTML界面。JavaScript交互，Jquery 和 AJAX等。
后端：
数据库设计，编写 SQL helper，数据的增删改查、返回值类型等。
其他
触发器，存储过程，实体类生成工具（节省编写代码的时间）。
技术整合
1.ASP.NET：是.NET FrameWork中的一部分，是一种使嵌入网页中的脚本课由因特网服务器执行的服务器端脚本技术，它是在IIS上运用的程序，它的首选开发语言是C#以及VB.NET。
2.HTML：超文本标记语言，可以用来设计网页的所有内容，包括头部（Head）主体（body）尾部（footer）等结构的设计，包含一切图片，音频等非文字元素的设计。
3.Jquery：轻量级的JavaScript库，兼容多浏览器的JS库。
4.JavaScript：在HTML的基础上添加动态功能的。
5.DIV+CSS和Table：对网页进行布局，并使用Firebug对页面进行调试（下面将详细介绍）。
6.AJAX：可以使网页实现异步更新，也就是说可以在不重新加载整个网页的情况下，对网页的某部分进行更新。它也不是一门语言，是一门技术，是用于创建更好更快以及交互性更强的Web应用程序的技术。
7.js：指的是jscript,只有微软的ie浏览器才遵循的微软自己的不开放的脚本语言标准。
8.FireBug：是firefox下的一个扩展，能够调试所有网站语言，如HTML、CSS等，但FireBug最吸引人的就是JavaScritp调试功能，应用起来非常方便，而且在各种浏览器下都能使用（IE，Firefox,Opera,Safari）。除此之外，其他功能还很强大，比如HTML、CSS、dom的查看与调试，网站整体分析等等。总之就是一整套完整而强大的Web开发工具。
.NET截取指定长度汉字超出部分以“…”代替
.NET中获取字符串的MD5码
三、DIV+CSS
CSS
div+css是web设计标准，它是一种网页布局方法。它可以实现网页页面内容与表现分离。
CSS是 层叠样式表（Cascading Style Sheets） 的缩写，用于定义HTML元素的显示形式。
样式规则：由一个选择器后跟一个声明块组成。声明块是一个大容器，由大括号中间的部分组成，声明块中间的空间会被忽略。
选择器
１.类选择器
CSS中的一种选择器是元素类型的名称。使用这种选择器(称为类型选择器)，可以向这种元素类型的每个实例上应用声明。
语法格式： .类名 { 属性: 值; }
２.元素选择器：语法格式： 元素{color: blue;}
３.ID选择器：#id名 {属性 : 值；} ID名不能重复
４.通配符选择器：语法格式：*{属性:值;}
５.伪类选择器 可以以不同方式格式化超级链接＜ａ＞元素的四种不同状态：以下顺序依次写；
ａ：ｌｉｎｋ是用在未访问的链接的选择器
a：ｖｉｓｉｔｅｄ是用在已访问过的链接的选择器
ａ：ｈｏｖｅｒ是用在鼠标光标放在其上的链接的选择器
ａ：ａｃｔｉｖｅ是用在获得焦点（如：被点击）的链接的选择器
如果需要，我们可以组合这几个状态，按顺序写：
ａ：ｌｉｎｋ， ａ：ｖｉｓｉｔｅｄ ｛ｃｏｌｏｒ：ｂｌｕｅ；｝
ａ：ｈｏｖｅｒ， ａ：ａｃｔｉｖｅ ｛ｃｏｌｏｒ：ｂｌｕｅ；｝
６．伪元素选择器
标准的选择器不能格式化一个元素内容的第一个字母或者第一行，而伪元素选择器能实现：
所有浏览器支持的有两种： ：ｆｉｒｓｔ－ｌｉｎｅ 和 ：ｆｉｒｓｔ－ｌｅｔｔｅｒ
例：段落的第一行： ｐ：ｆｉｒｓｔ－ｌｉｎｅ ｛属性：值；｝
例：段落的第一个字母： ｐ：ｆｉｒｓｔ－ｌｅｔｔｅｒ ｛属性：值；｝
优先级
优先级就是：CSS样式在浏览器中被解析的先后顺序。
当两个规则都作用到了同一个html元素上时，如果定义的属性有冲突，那么应该用谁的值的，CSS有一套优先级的定义。
不同级别
１.在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。
２.作为style属性写在元素内的样式
３.id选择器
４.类选择器
５.标签选择器
６.通配符选择器
７.浏览器自定义或继承
总结排序：!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性
同一级别
同一级别中后写的会覆盖先写的样式
上面的级别还是很容易看懂的，但是有时候有些规则是多个级别的组合，像这样：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
div.test{
background-COLOR:#a00;
width:100px;
height: 100px;
}
.test.test2{
background-COLOR:#0e0;
width:100px;
height: 100px;
}
</style>
</head>
<body>
<div class="test test2"></div>
</body>
</html>
四、总结
系统很快就发布了，但是感觉收获并不是很大，很多东西并不是很了解，所以做个总结，颗粒归仓一下，这样以后，感觉好多了。✌