您的位置:起点软件下载理科工具HTML CSS教程

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

软件大小:3994KB

用户评分:

软件类型:国产软件

运行环境:Win All

软件语言:简体中文

软件分类:理科工具

更新时间:2014/8/26 9:26:44

授权方式:免费软件

插件情况:无 插 件

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