Cascading Style Sheets简称“CSS”,它是一种编码语言,为网站提供外观和布局。与HTML一起,CSS是网页设计的基础。没有它,网站仍然是白色背景上的纯文本。

在万维网联盟(W3C)于1996年开发CSS之前,网页的形式和功能都非常有限。早期的浏览器将页面显示为超文本或纯文本,图像和指向其他超文本页面的链接。根本没有布局可言,只有在单个列中跨页面运行的段落。

CSS允许对网页布局进行多项创新,例如能够:

指定浏览器的默认字体以外的字体

指定文本和链接的颜色和大小

将颜色应用于背景

在框中包含网页元素并将这些框浮动到页面上的特定位置

他们将“风格”放在样式表中,并且第一次可以设计网页。

第一个阅读和使用CSS的商业浏览器是1998年的Microsoft Internet Explorer 3.到目前为止,对某些CSS功能的支持因浏览器而异。W3C仍在监督和创建Web标准,最近发布了CSS-CSS3的新标准。使用CSS3,开发人员希望所有主流浏览器都能以相同的方式读取和显示每个CSS功能。

CSS如何工作?

要了解CSS如何工作的基础知识,您必须先了解一下现代HTML。Web开发人员根据“盒子模型”布置页面。网页是一系列框,每个框包含一个离散元素。这些盒子是嵌套的,一个在另一个里面。

例如,页面的标题是一个框,它包含几个较小的框,其中包含构成标题的所有元素:徽标,导航,社交媒体按钮,购物车按钮等。使用CSS,开发人员将样式分配给“标题“框。在这个例子中,我们假设开发人员将标题内的文本设为紫色,Arial字体和15个像素点。

这里是层叠样式表的“级联”部分发挥作用的地方。应用于标题的字体样式级联到标题内包含的所有元素。包含导航,链接或号召性用语等元素的元素都将是紫色,Arial和15个像素点。