从牛腩新闻发布系统看css

<span style="font-family:KaiTi_GB2312;font-size:18px;"></span>

      看了牛腩新闻发布系统之后，又让我们接触到了一个新的东西，那就是css，因为牛腩新闻发布系统是一个网站，那么css肯定是跟编辑网站有关，那么我们先了解下制作网站的技术有哪些？

一、目前制作网页的技术

    PHP、ASP、CGI、HTML、Javascript、CSS、XML.......(由于想要对比分析css和其他技术有什么不同，就在网上找了些资料，在这些里面这些技术就不一一介绍啦！）

脑补下相关知识：

CGI :最早实现的动态WEB技术，可以采用任何语言实现（C ,VB），但是这种传统的CGI程序本身采用多进程的机制处理的，每当一个新用户连接服务器时都会分配一个新进程 很明显执行效率很低

PHP: 这是一种跨平台的服务器端的嵌入式脚本语言。它大量地借用C，JAVA和PERL语言的语法，并结合自身的特性，是WEB开发者能够迅速地写出动态页面。

Asp: 这是一个动态服务器端的开发环境利用它可以产生和运行动态的，交互的，高性能的WEB服务应用程序。ASP采用脚本语言VBS和JAS作为开发语言。

ASP.NET：这个事微软公司继ASP之后推出的新一代动态网站开发技术。ASP.NET基于.NET框架平台，用户可以选择.NET框架下自己喜欢的语言进行开发。ASP.NET技术是ASP技术的更新，也是微软公司目前主推的技术。但是由于微软的产品永远都会受到平台的限制。往往只已用于小型开发。

JSP:使用JAVA完成的动态WEB开发，代码风格和ASP类似，都属于在HTML代码中嵌入JAVA代码以实现功能，由于JAVA语言的跨平台特性，所以JSP不会受到操作系统或开发平台的制约，而且有多种服务器可以支持，如Tomcat WebLgic JBoss Websphere等，所以经常在大型开发中使用。

二、大概有了个小小的了解，然后我们看下css和它们有什么不同：

是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言

三、css中的基本内容

   在看完了牛腩制作网页的相关视频之后，感觉css中最要的就是了解以下相关的内容：

标准流：

用一句话概括就是标签的排列位置。

比如说我们想在网页的右侧显示一块内容，但是我们以什么样的标准去排列呢？这个时候我们的标准流就派上用场了！

盒子模型：

用一句话概括就是把我们整个页面的布局分成一块一块的，把它看成一个盒子，为什么要弄成这样的形式呢？因为我们每一块区域都会出现内外边距，我们在制作的时候要考虑到这些，避免出现错误！

浮动：

一句话概括就可以看成上下左右移动。

最重要的-class选择器：

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

HTML元素以id属性来设置id选择器,CSS 中 id 选择器以"#" 来定义。

以下的样式规则应用于元素属性 id="para1":

实例

<span style="font-family:KaiTi_GB2312;font-size:18px;">#para1{text-align:center;color:red;}</span>

id选择器：

class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。

class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示：

在以下的例子中，所有拥有 center 类的 HTML 元素均为居中。

例子：

<span style="font-family:KaiTi_GB2312;font-size:18px;">.center{text-align:center;}</span>

小结：

     其实css就是相当于用代码在画图，大致和重要的东西就这么多，可能总结的不是很全面，在接下来的学习中会继续增加和更新的！