样式表是什么

安颖 问答 2020-12-01 13:50:42 阅读(...)

样式表(style sheet)是关于文件对标题和正文的默认字体、大小、颜色、前页外观、单个部分的排列间隔、行间距、四周页边距、标题间距离等元素的定义。样式表在电子文档开始时,可以通过插入或者链接进行定义。

样式表(style sheet)是关于文件对标题和正文的默认字体、大小、颜色、前页外观、单个部分的排列间隔、行间距、四周页边距、标题间距离等元素的定义。样式表在电子文档开始时,可以通过插入或者链接进行定义。

样式表 stylesheet

定义

样式表(style sheet)是关于文件如下元素的定义:

标题和正文的默认字体、大小和颜色;

前页外观;

单个部分的排列间隔;

行间距、四周页边距、标题间距离等;

任何自动生成的内容表该包含多少级标题;

相应页中包含的任何样板文件内容。

功能

通常,样式表在电子文档开始时通过插入或者链接进行定义。这个样式表应用于整个文档。如果需要,整个样式表的特定元素可被应用于文档特定部分的特殊代码而取代。

对于网页,样式表执行相似的功能,允许设计人员跨越网页而保证基本的一致性。通过在文档标题中插入样式规则或者参照单独的样式表可以为整个文档定义样式元素。浏览器可允许用户更改一些或所有样式表属性。

层叠样式表是为填入或取代整个样式表的其它样式表做准备的样式表。它方便了设计人员在需要时更改样式表。

优点

形式和内容分离有一些优点,但只有在主流 web 浏览器支持 CSS 的时候才行。

速度快

总的来说,利用样式表的网站的用户体验通常会更快,相比不使用该技术的网站。“整体”来讲第一页可能加载更慢—因为需要传输样式表和内容。后续页面加载速度会变快,因为没有样式信息需要下载——因为 CSS 文件已经在浏览器的缓存中了。

可维护性

将所有样式保存在一个文件中可以减少维护的时间,减少错误的机会,从而提高表达的一致性。例如,网页上某个级别的标题可能用一种特定的颜色表示,当要修改这些标题的颜色的时候,只需要改变 CSS 文件中的一个短短的字符串即可。而如果使用以前的方法将样式嵌入在每个页面,需要编辑每个文件,从而繁琐,费时费力,而且容易出错。

可访问性

使用 CSS 的 HTML 或 XHTML 网站更容易调整,以适应不同的浏览器。在浏览器中使用“完全降低”(“degrade gracefully”)CSS 的网站不能显示图形内容,如 Lynx 或那些很老的不支持 CSS 的浏览器。浏览器忽略它们不能解释的 CSS,比如 CSS3 语句。这使得各种各样的用户代理都能够访问网站的内容,即使他们不能呈现样式表或带有图形能力的设计。例如,一个使用可刷新点字显示输出的浏览器可以完全无视布局信息,并且用户仍然可以访问所有页面内容。

可定制

如果一个页面的布局信息存储在外部,用户可以决定是否完全禁止布局信息,使网站的内容仍然保持一种可读的形式。网站的作者也可以提供多个样式表,可以在没有改变它的任何内容的情况下,彻底改变网站的外观。

大多数现代浏览器还允许用户定义自己的样式表,覆盖原有的布局。例如,允许用户加粗用户访问的每个页面上的每个超链接。

一致性

因为语义文件只包含作者想要传达的含义,文档内容中各种元素的样式是非常一致的。例如,标题、强调文本、列表和数学表达式都使用样式表中定义的样式属性。在创建页面的时候不需要关心样式属性的组合。这些表象细节可以推迟到呈现的时刻。

可移植性

表现的细节可以延迟到展示的时候才考虑,这意味着文档可以很容易被重新编排,在一个完全不同的媒介上展示,只需要为新的表达媒介准备一个新的样式表,同时符合语义文档中元素或结构的词汇。只要通过应用一个新的样式表,精心撰写的 web 页面文档便可以很容易地被印刷成装订卷,并含有完整的页眉和页脚,页码和生成的目录。

缺点

规范(例如:XHTML、XSL、CSS)和实现这些规范的软件工具只是达到早期成熟阶段。所以试图接受这种内容和形式分离的方法还面临一些世纪性的问题。

没有解析和生成工具导致应用范围小

风格规范仍然相当成熟,软件工具也已经逐渐适应。最主要的 web 开发工具大多数还是使用内容形式混合的网页编写方式。所以作者和设计者尝试开发基于图形界面的网页编辑工具,但发现很难按照语义 web 方法开发基于 GUI 的工具。除了 GUI 工具,广义样式表共享库可能会有助于这些方法的落地。

收藏 0个人收藏
走进科技生活方式

评论交流

泪雪默认头像 请「登录」后参与评论
  1. 加载中..

相关推荐

  • 版面设计 Layout

    版面设计是什么

    版面设计是平面设计的一部分,其旨在处理页面上视觉元素的排列。它根据构图的组织原则来实现特定沟通目的。高级版面设计决定文本和图像的整体布局及媒介大小或形状,这一级别的设计需要智慧、感知力和创造力,并且需要设计者不仅受到文化、心理学的影响。
  • 前端 front end

    前端是什么

    前端(网站前端/Web前端)即网站前台部分,运行在PC移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,合适的动效设计,给用户带来极高的用户体验。
  • Retroshare

    Retroshare是什么

    Retroshare是基于GNU Privacy Guard构建的朋友对朋友网络的免费开源对等通信和文件共享应用程序。可选地,对等方可以向其朋友发送证书和IP地址,也可以向其朋友发送证书和IP地址。
  • SNR是什么

    SNR是什么

    信噪比(SNR)即放大器的输出信号的功率,与同时输出的噪声功率的比值,常常用分贝数表示。设备的信噪比越高表明它产生的杂音越少。一般来说,信噪比越大,说明混在信号里的噪声越小,声音回放的音质量越高,否则相反。
  • SASs

    SASs是什么

    Sass 是一个将脚本解析成CSS的脚本语言,即 SassScript。Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等特性,因不是标准的CSS格式,语法内部可以使用动态变量等,所以更像一种极简单的动态语言。
  • 网站制作是什么

    网站制作是什么

    网站制作通俗的来说就是网站通过页面结构定位,合理布局,图片文字处理,程序设计,数据库设计等一系列工作的总和,也是将网站设计师的图片用HTML(标准通用标记语言下的一个应用)方式展示出来。