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

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

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

目录：

前言............................................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由多个这样的规则组成。