资料: 什么是 CSS
笔者:  来源:   2016-04-12 00:00:00

Cascading Style Sheets (CSS) 是一门指定文档该如何呈现给用户之语言。

文档 是信息的集聚,他采用一门 标志语言 表现组织。

名将一篇文档 呈现 送用户是指将文档转换成你的观众能够使用的一种形式。狐狸、Chrome或IE等浏览器,用于将文档以可视之样式展开呈现,如在电脑屏幕、投影仪或打印机上。

示例

你现在阅读的这个网页就是文档。

网页中的信息通常使用标记语言 HTML (HyperText Markup Language) 来组织它的组织。

一度用到中的对话框,也称为模态窗口,也是文档。

这样的对话框可能也会利用类似于 XUL 这样的标志语言。Mozilla 的一部分应用使用了该语言。

在该教程中,如果采取像下方这样标题为 更多细节 的框,其中会包含额外信息。如果你迫切的想做到全部课程,这就是说可以跳过这些方框,等到以后有时间再回来看。当然也得以在碰到方框的时刻去阅读这些内容,或者更进一步的,按照里面提供的链接去了解更多细节。

更多细节

一度文档并不等同于一个文件。他甚至可能不会保存在一番文件中。

举例,你现在阅读的这个文档就不是保存在一番文件中。顶你的玉器请求该页面时,玉器会查询数据库生成文档,名将散落在广大文件中的文档的零散搜集起来。然而在资本学科中,你利用的都是保存在文件中的文档。

关于文档与标记语言的更多信息,可以查看本网站的另外组成部分—例如:

HTML 用于 web 页面

XML 用于结构化文档

SVG 用于图形

XUL 用于 Mozilla 中的用户界面

在学科的第二部分,你会见到使用这些标记语言的例证。

为客户展现 文档意味着将她转换成一个可读性良好的公式。像 Firefox, Chrome 或是 Internet Explorer 这样的玉器倾向于使用更视觉化的方法来展现文档 — 例如,在电脑屏幕,投影仪或是打印机上。

更多细节

CSS 并非仅仅用于浏览器,也不仅限于视觉展现。按照 CSS 的正规术语来讲,名将文档呈现给用户之顺序称为用户代理(UA)。玉器只是客户代理的其中之一。不过在学科的顺序部分中,你将只在新石器中运用 CSS。

要了解更多 CSS 术语定义之相关内容,请查看 CSS 专业的 定义。

着手:创造一个文档

在你的微机中创造一个新的文件夹,用于保存和保管资金指南中的练习。

开辟你的文件编辑器并创造一个新文件。该文件将用于保存后续练习中的文档。

名将下的情节复制粘贴进文本文件中。保留文件,名将她命名为 doc1.html

Cascading

Style

Sheets

在你的玉器中开始一个新的标签页或大门口,开辟文件。

你会见到一串开头字母大写的文件,像这样:

Cascading Style Sheets

出于你的玉器与该 wiki 的安装可能不同,因此你看到的情节与地方显示的不一定相符合。如果在字体、间距或颜色有区别,请不要担心,因为这些内容暂时无关紧要。

消息: 为何使用CSS?

CSS赞助您将文档信息的情节 和如何展现它的细节相分离。强烈,如何展现文档的细节即为样式(style)。您可以将样式从他的情节分离出来,以便您能够:

避免重蹈覆辙

更容易维护

为不同之目的,运用不同之体裁而内容相同

例如

您的工作站可能有无数的页面外观相似。运用CSS,您可以将样式信息存储在集体的公文中以供所有的页面共用。

顶用户显示页面时,我家之玉器将样式信息和页面内容一同加载。

顶用户打印页面时,您可以提供不同之体裁信息,以便于打印出来的页面更容易阅读。

总而言之,在HTML官方,您使用标记语言来叙文档的情节而不是他的体裁。您可以行使CSS来指定它的体裁而不是他的情节。 (在资本学科后续内容中,您会见到此种的新鲜情况。)

更多的细节

象HTML等等的标志语言也会提供指定样式的点子。

例如,在HTML官方,您可以行使标签来加粗文字,同时,您也得以在页面的标志中指定背景颜色。

顶您使用CSS时,您通常要避免使用标记语言的那些特色,以便您所有的文档样式信息保存在同一地方。

步履:创造样式表

在与前面相同的目录中,军民共建另一番文本文件。该文件将变成您的体裁表。请将他定名为:style1.css

在您的CSS文件中,研制、粘贴下面的排,并保留该文件:

strong {color: red;}

联网您的文档和体裁表

为将您的文档和体裁表相连,请编辑您的HTML文件。并补充下面高亮之排:

Cascading

Style

Sheets

保留该文件并刷新您的玉器。该样式表将首字母显示为革命,如下所示:

Cascading Style Sheets

(来源:https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Getting_started/What_is_CSS


生物课
  1.