HTML 标签原本被设计为用于定义文档内容。通过使用 h1、p、table 这样的标签,

HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。

同时文档布局由浏览器来完成,而不使用任何的格式化标签。

由于两种主要的浏览器(Netscape 和 Internet Explorer)不断地将新的 HTML 标签和属性(比如字体标签和颜色属性)添加到 HTML 规范中,

创建文档内容清晰地独立于文档表现层的站点变得越来越困难。

为了解决这个问题,万维网联盟(W3C),这个非营利的标准化联盟,肩负起了 HTML 标准化的使命,并在 HTML 4.0 之外创造出样式(Style)。

CSS全称为层叠样式表(Cascading Style Sheet),通常又称为风格样式表(Style Sheet),它是用来进行网页风格设计的。

所有的主流浏览器均支持层叠样式表例如:图片和文本使用了CSS混排效果,非常漂亮,并且很清晰,这就是一种风格。


1.1.2 CSS在网页中的应用

样式表定义如何显示 HTML 元素,就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。

样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档,外部样式表使你有能力同时改变站点中所有页面的布局和外观。

由于允许同时控制多重页面的样式和布局,CSS 可以称得上 WEB 设计领域的一个突破。作为网站开发者,

你能够为每个 HTML 元素定义样式,并将之应用于你希望的任意多的页面中。如需进行全局的更新,

只需简单地改变样式,然后网站中的所有元素均会自动地更新。

既然CSS可以设计网页风格,那么在网页中,CSS如何应用呢?通过设立样式表,可以统一的控制HTML中各个标签的显示属性,

例如设置字体的颜色,大小,样式等,使用CSS还可以设置文本居中显示,

文本与图片对其方式,超链接的不同效果等,这样层叠样式表可以更有效地控制网页的外观。


1.1.3 CSS的发展史

1993年6月,超文本标记语言草案一经发布就受到广泛的关注,迅速壮大,成为网页开发的热门语言,

可是通过前几章节的学习可以知道,用HTML开发出来的页面非常单调,暗淡无光,并且比较臃肿。

1994年,哈坤利(Hakon Wium Lie)为HTML语言提出了CSS样式表的构想。

1995年,他再一次展开这个建议。W3C对CSS的发展很感兴趣,为此专门组织一次讨论,于是: 

1996年12月退出了CSS规范的第一版,即CSS1.0版本 1998年5月W3C发布了CSS的第二版,即CSS2.0版本。

CSS2.0版本规范基于CSS1.0设计的,其中包括了CSS1.0的所有功能,还融入了DIV+CSS的概念,

提出了HTML结构与CSS样式表分离,以及其他的一些属性。 2004年W3C升级了CSS2.0版本,

改变为CSS2.1版本,融入了很多高级的用法,如浮动,定位等属性。

2010年W3C推出了CSS3版本,它包括了CSS2.1下的所有功能,是目前最新的版本,它向着模块化的趋势发展,

又加了很多实用的新技术,如字体,多背景,圆角,阴影,动画等高级属性,但是它需要高级浏览器的支持。


2.1 CSS3的基本语法

2.1.1 CSS的语法结构

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。


selector选择器通常是您需要改变样式的 HTML 元素。

每条声明由一个属性和一个值组成。声明必须放在大括号({})中,并且声明可以是一条或多条。

属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。



下面是小编整理的web编程基础课程目录:


dreamweaver_CS5视频教程(零基础自学web编程基础)

dreamweaver_CS5视频教程(零基础自学web编程基础)

dreamweaver_CS5视频教程(零基础自学web编程基础)



编译工具栏讲解教学视频部分截图:

dreamweaver_CS5视频教程(零基础自学web编程基础)

dreamweaver_CS5视频教程(零基础自学web编程基础)下载地址
dreamweaver_CS5教程
百度网盘 / 课程大小:0.00字节
提取码:**** (购买后可见)
下载
评论下
  • 顺带评个分
提交
返回顶部