什么是CSS? 它的历史与演变过程

By 时代数字趋势2021-06-19

网站是由图片、文字及各种文件所组成,这些文件不仅包括从不同页面连结到的PDF文件,还包括用于构建页面本身的文件,如决定页面结构的HTML文件和决定页面外观的CSS文件(阶层样式表)。

本篇文章将说明什么是CSS文件,它的发展历史与演变情况,以及什么地方会使用它。

  • CSS的历史
  • CSS的演变
  • CSS是一个简写
  • 设计样式表覆盖浏览器预设样式表
  • 什么地方会使用CSS?
  • 为什么CSS很重要?
  • CSS的学习曲线是值得投资的

CSS的历史

CSS最早是在1997年被开发出来,网站开发人员用来定义他们所创建的网页外观。网页创建者把网站程序码结构与视觉设计分开处理,这在CSS出现之前是无法实现的设计方式。

网站结构和样式风格的设计分离,使HTML能够执行它基本的功能”内容标记”,而不必担心页面本身的设计和布局会被改变。

 

CSS的演变

2000年左右,网络浏览器开始使用这种标记功能时,CSS便逐渐流行起来。如今所有的现代浏览器都支援所有的CSS Level 1,大部分的CSS Level 2,甚至是CSS Level 3。

随着CSS的不断发展及新样式的引入,网络浏览器开始支援新CSS模组化,并把它导入到这些浏览器中,并为设计师提供强大的设计排版工具。

在过去的许多年里,有些网页设计者拒绝使用CSS来设计和开发网站,当然现在已经不存在这类的网页设计师,CSS现在已经是网页设计中被应用最广泛的标準,在这个行业工作的人都对这种语言有至少基本的了解。

 

CSS是一个简写

如前面所说,CSS这个词代表”阶层样式表(Cascading Style Sheets)“。让我们把这个名词分解一下,以更更全面的解释CSS。

样式表(Style Sheets)这个词指的是CSS文件本身,它与HTML文件一样,CSS文件实际上只是一个文字文件,可以用各种程序码编辑器进行编辑。

样式表被用在文件设计已经有很多年的时间,无论是印刷品或网站,它都是版面设计的技术规範。平片设计师长期以来一直使用样式表来确保他们的设计完全按照他们设定的规格列印。

网页样式表也有同样的作用,但它的附加功能是告诉网络浏览器如何渲染正在浏览的页面。如今,CSS样式表还用改变页面在不同设备和屏幕尺寸下的外观。这一点非常重要,能让单一的HTML文件根据不同的屏幕尺寸呈现出不同的效果。

阶层式(Cascading)是”阶层样式表“这个名词真正的精随所在,就像一条河流的瀑布,河流中的水冲击着瀑布接触到的所有岩石,但只有底部的岩石才会影响水的确切流向,而网站中的样式表就如同此一般。

 

设计样式表覆盖浏览器预设样式表

即使网页设计师没有设定仔入任何样式,网页也都会受到至少一个样式表的影响,这个样式表就是浏览器默认样式(user agent stylesheet),如果没有提供其他指令,网络浏览器就会用它来显示页面。

例如,预设情况下超连结的样式默认是蓝色,而且它们有底线。这些样式来自网页浏览器的预设样式表。

但是,如果网页设计者指定要用棕色或粗体,那么浏览器就需要知道哪些指令具有优先权。所有的浏览器都有自己的预设样式,但其中大多数浏览器都使用这种的预设样式(如蓝色底线的文字连结)。

再举一个浏览器默认的例子,在我们常用的网络浏览器中,预设的字体是 “Times New Roman”,大小为16pt。然而,在我们访问的网页中,几乎没有一个是以这种字体和大小来显示的。

这是因为设计师定义了样式表,因此重新定义了字体与大小,代替网络浏览器的预设值。

你为网页创建的任何样式表都会比浏览器预设样式更为具体,所以那些预设值只有在你的样式表没有覆盖它们的情况下才会被使用。

如果你想让连结变成蓝色并有底线,你不需要做任何事情,因为那是默认的,但是如果你的网站的CSS文件说连结应该是绿色,那么这个颜色将覆盖默认的蓝色。在这个例子中,底线将被保留,因为你没有另外指定不要底线,因此他会自己默认加上去。

 

什么地方会使用CSS?

CSS还可以用来定义网页在其他程序中的浏览方式。例如,你可以创建一个列印样式表,来定义网页应该如何被列印,像是把选单和Logo去掉只保留文字部分。

虽然在大多数网站上这个功能并不常见,但创建列印样式表确实是做得到的,但大多数网页设计师会因为预算有限而跳过这个步骤。

 

为什么CSS很重要?

CSS是一个网页设计师必须学习的强大工具,有了它你就可以完整的控制网站的整体视觉外观。写得好的样式表可以快速更新,并允许网站改变屏幕上的视觉优先顺序,不需要对HTML标记做任何改变。

CSS的主要挑战是由于浏览器每天都在变化,因此它需要即时被更新,今天好用的东西明天可能就过时了。

 

CSS的学习曲线是值得投资的

由于CSS可以层叠和组合,而且考虑到不同的浏览器对指令的解释和实现方式不同,所以CSS比单纯的HTML更难学。CSS会因浏览器不同而发生变化,而HTML确不会发生这样的事情。

然而,一旦你开始使用CSS,你就会发现,利用样式表将网页布局及定义外观和感觉等方面,提供令人难以置信的灵活性。在这个过程中,可以积累起一个程序码库,用于储存过去使用过的所有样式和方法。

赞(0)
未经允许不得转载:时代数字趋势 » 什么是CSS? 它的历史与演变过程
分享到: 更多 (0)