级联样式表(cascadingstylesheet)简称“css”,通常又称为“风格样式表(stylesheet)”,它是用来进行网页风格设计的。比如,如果想让链接字未点击时是蓝色的,当鼠标移上去后字变成红色的且有下划线,这就是一种风格。通过设立样式表,可以统一地控制hmtl中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表,可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力。
css是英语cascadingstylesheets(层叠样式表单)的缩写,它是一种用来表现html或xml等文件式样的计算机语言。
css目前最新版本为css3,能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统html的表现而言,css能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象盒模型的能力,并能够进行初步交互设计,是目前基于文本展示的最优秀的表现设计语言。
级联样式表简介
在网页上使用样式表(14、15、16、17、18、19、20、21、22)有三种方法可以在站点网页上使用样式表:
将网页链接到外部样式表。
在网页上创建嵌入的样式表。
应用内嵌样式到各个网页元素。
每一种方法均有其优缺点:
当要在站点上所有或部份的网页上一致地应用相同样式时,可使用外部样式表。在一个或多个外部样式表中定义样式,并将它们链接到所有网页,便能确保所有网页外观的一致性。如果人们决定更改样式,只需在外部样式表—中作一次更改—而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以.css做为文件扩展名,例如mystyles.css。
当人们只是要定义当前网页的样式,可使用嵌入的样式表。嵌入的样式表是一种级联样式表,“嵌”在网页的标记符内。嵌入的样式表中的样式只能在同一网页上使用。
使用内嵌样式以应用级联样式表属性到网页元素上。
如果网页链接到外部样式表,为网页所创建的内嵌的或嵌入式样式将扩充或覆盖外部样式表中的指定属性。
创建或编辑
frontpage2000包含有能用来为站点创建外部样式表的模板。可以用空白模板或已包含样式的模板来创建(例如arcs)。当保存样式表时,frontpage会以.css作为文件扩展名。要编辑样式表,请双击文件夹列表中的样式表。
当创建或修改网页样式时,可使用位于“格式”菜单的“样式”命令,frontpage会自动创建嵌入的样式表(如果原先不存在),并在嵌入的样式表内将此样式保存为类选择器。
可以使用“样式”对话框来创建新类选择器,修改或删除现有类选择器,或将css格式设置属性应用到标准html标记符上例如。当单击“确定”关闭对话框时,frontpage会将格式设置特征写回到使用正确语法的外部或嵌入的样式表中。或者,可以用正确css语法键入样式信息。要键入嵌入的样式表的样式信息,请单击网页视图模式下的“html”选项卡。
如果对应用到站点的主题选择“应用css”复选框,frontpage将在站点的根目录下创建名为theme1.css的文件,其中theme是主题的名称。如果修改主题,frontpage自动将更改写回主题css里。也可以通过直接编辑主题css来修改主题。
级联样式表使用
要在网页上使用外部样式表的样式,可将该网页链接到样式表,方法是使用位于“格式”菜单上的“样式表连接”命令。可以链接一个或数个样式表到网页视图模式下的当前网页,或到在文件夹列表中的所选网页,或到站点上的全部网页。
该“样式”框列出标准html标记符,例如标题1,还有嵌入的样式表或链接到网页的外部样式表中所含的类或id选择器。要应用样式到网页元素,请选定该样式然后单击“样式”框中的样式或选择器。
在microsoftfrontpage2000中,某些格式设置特性会作为内嵌样式自动应用。例如∶如果使用“边框与阴影”命令(在“格式”菜单上)在普通段落周围应用框,frontpage会写下格式设置信息,作为段落标记符的内嵌样式属性(例如∶)。然而某些属性的应用需要使用css,其他则需要使用html。如果人们只想使用css应用内嵌样式,可使用“样式”按钮(位于网页元素的“属性”对话框里)应用类或id选择器或嵌入式样式。