网盾IDC:CSS概念的轻松解读

发表时间: 2021-01-21 11:41

在了解CSS之前,首先你需要对HTML和XHTML的知识有基本了解。


HTML

HTML(Hyper Text Markup Language,超文本标记语言)是用来描述网页的一种语言。

HTML不是一种编程语言,而是一种标记语言,使用标记标签(markup language)来描述网页。

标记语言:一种将文本以及文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的电脑文字编码。与文本相关的其他信息(包括文本的结构和表示信息等)与原来的文本结合在一起,但是使用标记进行标识。

XHTML

比起HTML,XHTML是更严格更纯净的HTML代码。

HTML语法要求比较松散,虽然对网页编写者来说比较方便,但对于机器来说,语言的语法越松散、处理起来就越困难,对于传统的计算机来说,还有能力兼容散语法,但对于许多其他设备来说难度就比较大,因此产生了语法要求更加严格的XHTML。

或者说,XHTML的出现就是为了取代HTML。

XHTML(EXtensible HyperText Markup Language,可扩展超文本标签语言)是一种标记语言,表现方式与HTML类似。如果说HTML是一种基于标准通用标记语言(SGML)的应用,是一种非常灵活的置标语言,那么XHTML则基于可扩展标记语言(XML),XML是SGML的一个子集,XHTML是当前HTML版的继承者。

XHTML和CSS结合后,既能够实现样式和内容的分离,又能有机组合网页代码,在另外的单独文件中还可以混合各种XML应用。

现在我们可以回来对CSS做进一步的了解。

CSS(Cascading Style Sheets,层叠样式表)是一种定义样式结构如字体、颜色、位置等的语言,被用于描述网页上的信息格式化和显示的方式。


随着网页技术的发展,为了满足web制作的要求,HTML添加了很多显示功能,但随着这些功能的增加,HTML变得越来越杂乱、页面越来越臃肿。

1994年,有人提出了CSS的概念,1996年年底层叠样式表才应运而生。

使用HTML时,需要遵从一定的规范,CSS也是如此。要想熟练地使用CSS对网页进行修饰,首先需要了解CSS样式规则。CSS样式规则语法样式是CSS的基本单位,每个样式规则都是由声明块和选择器两个基本部分组成的:声明块定义相应的样式,而选择器决定为哪些元素应用样式。

CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式,样式单包含将样式应用到指定类型的元素的规则。外部使用时,样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。

CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体号样式,拥有对网页对象和模型样式编辑的能力。

样式的运用,解决了一个普遍的问题。HTML标签原本被设计为通过使用<p>、<h1>、<table> 此类的标签定义文档内容,初衷是表达"这是段落"、"这是标题"、"这是表格"之类的信息。由于IE浏览器和Netscape不断地将新的HTML属性标签添加到HTML规范中,创建文档内容清晰地独立于文档表现层的站点变得越来越困难。样式表定义如何显示HTML元素,就像HTML3.2的属性标签所起到的作用那样,样式通常保存在外部的.css文件中。

通过编辑一个简单的CSS文档,外部样式表令使用者有能力改变站点中所有页面的外观和布局。


CSS有助于实现负责任的Web设计,影响了很多网站搭建架构,并且在今后可能也会有一个长久时段的影响。将网页的大部分甚至是全部的标识信息从HTML或XHTML文件中挪到一个样式表中,可以降低文件大小、易于维护且节省网络带宽。此外,站点的核心内容和表现信息相分离,使得网站搭建能够在短时间内进行各类修改。