2014年辛星HTML和CSS教程夏季版

这是辛星的2014年度html和css的教程的夏季版，打造最新最实用的技术，我们的目标。CSS是CascadingStyleSheets的缩写，即层叠样式表，它用于表现HTML的样式，即HTML只是去写该网页有哪些内容，至于如何去表现它们，由CSS去定制。

html是HyperTextMarkupLanguage的缩写，即超文本标记语言，所谓的超文本，也就是可以包含了图片、超链接等的文本，而不仅仅是只能显示文字，它是一个标记语言，不是一个编程语言，因此大家学习起来会非常的快速。

目录：

前言............................................4

第一部分：HTML快速掌握

第一节：HTML快速入门............................5

第二节：head标签和文本标签......................8

第三节：图片.....................................11

第四节：超链接...................................16

第五节：表单.....................................21

第六节：列表.....................................25

第七节：区块.....................................30

第八节：小结.....................................32

第二部分：CSS快速掌握

第一节：CSS简介..................................35

第二节：CSS语法快速入门..........................38

第三节：CSS中的颜色与文字.......................45

第四节：超链接与列表以及简单导航栏...............49

第五节：盒模型...................................52

第六节：定位.....................................56

第七节：浮动.....................................65

第八节：图片、背景和布局.........................77

2014年辛星HTML、CSS快速入门夏季版

第三部分：CSS经典应用

第一节：导航条.................................84

第二节：气泡...................................91

第三节：面包屑导航..............................100

第四节：新闻列表................................113

第五节：结语....................................120

时代的呼唤：

1.在之前，我们直接把网页的格式写到HTML中去，这样会造成格式的混乱，而且难以阅读和修改，不过这不是最大的问题，最大的问题在于我们想给网页换一个表达样式的时候，需要修改的地方不仅很多关键是非常零散，需要花费很大的力气去定位这些样式。

2.于是，把网页内容与其表现形式相分离的想法就出现了，CSS能够实现对网页中的对象的精确控制，而且支持几乎所有的字体字号样式，还拥有对网页对象和模型样式进行编辑的能力，并且能够进行一定的交互设计，因此功能还是比较强大的。

3.CSS的可读性也很强，稍微熟悉一点英语的，也能够很轻松的读懂CSS代码所要表述的意思，并且取修改它的样式。

CSS的历史：

1.1996年12月17日，CSS1发布，1999年，此推荐被修订。

2.1999年1月1日，CSS2发布，并且增加了对媒介和一些字体的支持。

3.2001年5月23日，CSS3发布，但是只是一项草案，并没有成为W3C的推荐标准，W3C的推荐标准还是1998年5月12日退出的CSS2.

CSS快速入门：

1.CSS的入门比HTML并不高多少，也是一句话入门，剩下的就是实战了。

2.CSS的语法如下：

选择器{声明1；声明2；声明3；.....声明N}

3.这里的声明是以“属性:值”的形式，而且多个声明之间用分号进行分割，即C语言的语句分隔符。

4.这里的属性是我们希望设置的样式属性，至于具体的属性，我们后面会说。

5.先看一个例子：

h1{color:red;font-size:14px;}

这里的h1就是选择器，当然这里我们直接用标签当做选择器了，后面的color属性取值为red，而后面的font-size属性取值为14个像素。

6.其中color：red就可以理解为一个声明。

7.我们的CSS由多个这样的规则组成。

Tags:HTML教程,CSS教程.