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

2014年辛星HTML和CSS教程是为大家提供HTML和CSS使用教程的强大程序，让你们学习起来不再困难，专业的学习指导大大减少你们的学习时间，需要的朋友带走吧。

【基本介绍】

前言............................................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.

【快速入门】

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