zhcn 编程语言 Web相关 JSON 非公開: 什么是CSS?

什么是CSS?

CSS是“Cascading Style Sheet”的缩写,在日语中意为“层叠样式表”,是用于描述网页外观(网页样式表元素的位置、大小、颜色等)的标准。语言。 ETC。)。

CSS的主要功能是定义网页的样式(使其美观)并精确控制网页内元素的位置、字体、颜色、背景和其他属性。除了静态改变网页之外,CSS还允许您使用JavaScript来动态改变网页内元素的样式,并且市场上几乎所有浏览器都支持CSS。

CSS发展史

HTML 语言诞生于 20 世纪 90 年代初,当时 HTML 包含的用于控制网页视觉效果的属性很少。随着HTML的成长,不同的样式语言也出现了,不同的浏览器结合自己的样式语言来控制页面的显示效果。

经过不断的发展,越来越多的属性被添加到HTML中来满足页面设计者的需求,随着这些属性的增加,HTML变得越来越混乱,HTML页面也变得越来越臃肿,这就是CSS诞生的原因。

1994 年,Hakun Lee 提出了第一个 CSS 提案,并决定与设计 Argo 浏览器的 Bert Bos 一起开发它。

1994年底,李哈坤在芝加哥的一次会议上首次正式提出CSS,并在1995年的WWW网络会议上,Burt Boss展示了对CSS的支持,李哈坤也展示了支持CSS的Arena浏览器。 。

同年,W3C组织(万维网联盟)成立,该组织对CSS的发展非常感兴趣,并为此举办了研讨会。最终,所有CSS开发者都将加入W3C组织,负责制定CSS标准,目前CSS开发进展顺利。

W3C(中文名:万维网联盟,又称W3C理事会)由万维网的发明者蒂姆·伯纳斯-李于1994年10月在麻省理工学院计算机科学实验室成立。技术领域最权威、最具影响力的国际性、中立性技术标准组织。

到目前为止,CSS 已经重复了总共 4 次。

1)CSS1.0

1996年12月,W3C发布了CSS的第一个版本,CSS1.0( https://www.w3.org/TR/CSS1/ )。

2)CSS2.0

1998年5月,CSS2.0版本正式发布( https://www.w3.org/TR/CSS2/ )。

3)CSS2.1

2004年2月,CSS2.1正式发布。该版本在CSS2.0的基础上做了一些改动,删除了很多浏览器不支持的属性。

4)CSS3

早在2001年,W3C就开始准备开发CSS的第三个版本,目前尚未最终确定。尽管完整的 CSS3 标准尚未发布,但主流浏览器已开始支持其大部分功能。

CSS的特点

CSS 是 Web 领域的一项突破。CSS 提供了一种在 HTML 中设置元素样式的方法。一般来说,CSS 具有以下特点:

1)丰富的样式定义

CSS 提供了一组丰富的外观属性,使您可以在网页上实现各种效果,包括:

  • 为任何元素设置不同的边框,并设置边框和元素之间的内部和外部间距。
  • 更改文本大小、颜色、字体,并向文本添加装饰(下划线、删除线等);
  • 设置网页的背景颜色、背景图片等。

2) 易于使用和修改

CSS样式信息不仅可以定义在HTML元素的style属性中,还可以定义在HTML文档的<head>标签内的<style>标签中,或者特殊的.css格式文件中。 HTML 文档。

我们建议使用最后一种定义方法(定义单独的 .css 格式文件)。这样可以让CSS样式统一存储,方便后期维护。

3)多页面应用

如上所述,CSS样式可以单独保存在.css文件中,不属于任何页面,您可以在不同页面上引用该.css文件,以统一不同页面上的样式。

4)级联

级联意味着可以为同一个 HTML 元素多次定义 CSS 样式,后面定义的样式会覆盖前面定义的样式。

例如,如果您的整个站点引用了相同的 CSS 样式文件,但您想要调整其中一个页面上的某些元素,则可以为要调整的元素定义一个单独的样式文件,并在页面上引用它。照亮。这样,以后单独定义的样式将覆盖以前的样式,浏览器中只会显示最后设置的效果。

5)页面压缩

网页通常包含大量 HTML 元素,通常需要为这些元素定义样式文件,但是,通过在单独的样式文件中定义 CSS 样式并将其分开。将它们从 HTML 文档中删除,可以显着减小 HTML 文档的大小,从而减少浏览器加载 HTML 文档所需的时间。

另外,CSS样式可以重复使用,不同的元素可以使用相同的CSS样式,无需定义重复的样式,相应地减少了CSS样式文件的大小,进一步减少了页面加载时间。

CSS是“Cascading Style Sheet”的缩写,在日语中意为“层叠样式表”,是用于描述网页外观(网页样式表元素的位置、大小、颜色等)的标准。语言。 ETC。)。

CSS的主要功能是定义网页的样式(使其美观)并精确控制网页内元素的位置、字体、颜色、背景和其他属性。除了静态改变网页之外,CSS还允许您使用JavaScript来动态改变网页内元素的样式,并且市场上几乎所有浏览器都支持CSS。

CSS发展史

HTML 语言诞生于 20 世纪 90 年代初,当时 HTML 包含的用于控制网页视觉效果的属性很少。随着HTML的成长,不同的样式语言也出现了,不同的浏览器结合自己的样式语言来控制页面的显示效果。

经过不断的发展,越来越多的属性被添加到HTML中来满足页面设计者的需求,随着这些属性的增加,HTML变得越来越混乱,HTML页面也变得越来越臃肿,这就是CSS诞生的原因。

1994 年,Hakun Lee 提出了第一个 CSS 提案,并决定与设计 Argo 浏览器的 Bert Bos 一起开发它。

1994年底,李哈坤在芝加哥的一次会议上首次正式提出CSS,并在1995年的WWW网络会议上,Burt Boss展示了对CSS的支持,李哈坤也展示了支持CSS的Arena浏览器。 。

同年,W3C组织(万维网联盟)成立,该组织对CSS的发展非常感兴趣,并为此举办了研讨会。最终,所有CSS开发者都将加入W3C组织,负责制定CSS标准,目前CSS开发进展顺利。

W3C(中文名:万维网联盟,又称W3C理事会)由万维网的发明者蒂姆·伯纳斯-李于1994年10月在麻省理工学院计算机科学实验室成立。技术领域最权威、最具影响力的国际性、中立性技术标准组织。

到目前为止,CSS 已经重复了总共 4 次。

1)CSS1.0

1996年12月,W3C发布了CSS的第一个版本,CSS1.0( https://www.w3.org/TR/CSS1/ )。

2)CSS2.0

1998年5月,CSS2.0版本正式发布( https://www.w3.org/TR/CSS2/ )。

3)CSS2.1

2004年2月,CSS2.1正式发布。该版本在CSS2.0的基础上做了一些改动,删除了很多浏览器不支持的属性。

4)CSS3

早在2001年,W3C就开始准备开发CSS的第三个版本,目前尚未最终确定。尽管完整的 CSS3 标准尚未发布,但主流浏览器已开始支持其大部分功能。

CSS的特点

CSS 是 Web 领域的一项突破。CSS 提供了一种在 HTML 中设置元素样式的方法。一般来说,CSS 具有以下特点:

1)丰富的样式定义

CSS 提供了一组丰富的外观属性,使您可以在网页上实现各种效果,包括:

  • 为任何元素设置不同的边框,并设置边框和元素之间的内部和外部间距。
  • 更改文本大小、颜色、字体,并向文本添加装饰(下划线、删除线等);
  • 设置网页的背景颜色、背景图片等。

2) 易于使用和修改

CSS样式信息不仅可以定义在HTML元素的style属性中,还可以定义在HTML文档的<head>标签内的<style>标签中,或者特殊的.css格式文件中。 HTML 文档。

我们建议使用最后一种定义方法(定义单独的 .css 格式文件)。这样可以让CSS样式统一存储,方便后期维护。

3)多页面应用

如上所述,CSS样式可以单独保存在.css文件中,不属于任何页面,您可以在不同页面上引用该.css文件,以统一不同页面上的样式。

4)级联

级联意味着可以为同一个 HTML 元素多次定义 CSS 样式,后面定义的样式会覆盖前面定义的样式。

例如,如果您的整个站点引用了相同的 CSS 样式文件,但您想要调整其中一个页面上的某些元素,则可以为要调整的元素定义一个单独的样式文件,并在页面上引用它。照亮。这样,以后单独定义的样式将覆盖以前的样式,浏览器中只会显示最后设置的效果。

5)页面压缩

网页通常包含大量 HTML 元素,通常需要为这些元素定义样式文件,但是,通过在单独的样式文件中定义 CSS 样式并将其分开。将它们从 HTML 文档中删除,可以显着减小 HTML 文档的大小,从而减少浏览器加载 HTML 文档所需的时间。

另外,CSS样式可以重复使用,不同的元素可以使用相同的CSS样式,无需定义重复的样式,相应地减少了CSS样式文件的大小,进一步减少了页面加载时间。