结束了软件工程的学习，开始学习牛腩的时候也就意味着我们的知识体系从C/S向B/S开始转化了。这里已没有具体的窗体，开始面向web开发。

一、软件工程过渡到牛腩新闻发布系统

       在听牛腩讲解新闻发布从无到有，从最初只是一个需求，到系统初步成型，给我的感觉就是，软件不管是C/S还是B/S软件开发都还是一样的。

      根据之前的机房收费系统的经验和牛腩详细讲解，我看到了更多地相似和曾经。后面一点点才是新的知识。

      牛腩开始新闻发布系统的时候顺序也是根据需求写一个需求文档，然后画类图，设计数据库，画系统原型，回顾一下三层架构和C#，这个做的是后台工作，后面就是实现前台页面。

如果它代表一个系统，那我叫他牛腩新闻发布系统-平面图

因为牛腩还没有学完，js等知识还没有接触，所以小房子还不能用他们来建。后面学习后会加上。

二、div+css

牛腩画原型用的是div+CSS实现的。

1、div和span

div和span都是可以代表容器。只是两种容器的大小和形状有些不同而已，div可以加块级元素，span是行内元素。

比如：

2、CSS了解

CSS由来

        CSS （cascadingstyle sheets，层叠样式表）发展于 1994年 10月，是为了补救HTML 3. 2语法中的不足，但是由于当时网络的发展的不足和浏览器的支持率较低，直到 1996年底，才正式发表了 CSS 1． 0规格，也正是 1996年之后，浏览器才开始正式的支持 CSS。简单的说 CSS的引入就是为了使得 HTML能够更好的适应页面的美工。

        CSS 能够通过编写样式控制代码来进行页面布局，在编写相应的 HTML标签时，可以通过 Style属性进行 CSS样式控制。

div和css联系

将css文件直接拉到.aspx文件中，效果如下：

css应用

css最著名的就是盒子模型了。

主要有4部分：

margin：边缘（top、bottom、left、right）

border：边界（top、bottom、left、right）

padding：填充（top、bottom、left、right）

content：内容（height，width）

举例：

.aspx文件

Common.css文件

效果：

这是学习牛腩的开头，但是窥一叶而知秋，慢慢增添东西，平面图也会变成一个立体图的

如果它代表了牛腩新闻发布系统，那我叫他牛腩新闻发布系统立体图。

总结：学习是个演化的过程，从量变到质变的过程。好好学习牛腩，为我开启B/S的大门。

牛腩新闻发布系统（一）