什么是 CSS

最新推荐文章于 2022-05-02 14:20:46 发布

__SeanLiu

最新推荐文章于 2022-05-02 14:20:46 发布

阅读量324

点赞数

分类专栏： Web前端文章标签： css

Web前端专栏收录该内容

15 篇文章 0 订阅

订阅专栏

资料: 什么是 CSS

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

文档是信息的集合，它使用一门 标记语言 作为结构。

将一篇文档呈现给用户是指将文档转换成你的听众能够使用的一种形式。火狐、Chrome或IE等浏览器，用于将文档以可视的形式进行呈现，如在计算机屏幕、投影仪或打印机上。

示例

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

网页中的信息通常使用标记语言 HTML (HyperText Markup Language) 来组织它的结构。
一个应用中的对话框，也称为模态窗口，也是文档。

这样的对话框可能也会使用类似于 XUL 这样的标记语言。Mozilla 的有些应用使用了该语言。

在该教程中，如果使用像下方这样标题为 更多细节 的框，里面会包含额外信息。如果你迫切的想完成整个教程，那么可以跳过这些方框，等到以后有时间再回来看。当然也可以在碰到方框的时候去阅读这些内容，或者更进一步的，按照里面提供的链接去了解更多细节。

更多细节

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

举例来说，你现在阅读的这个文档就不是保存在一个文件中。当你的浏览器请求该页面时，服务器会查询数据库生成文档，将散落在众多文件中的文档的碎片搜集起来。然而在本教程中，你使用的都是保存在文件中的文档。

关于文档与标记语言的更多信息，可以查看本网站的其他部分—例如：

HTML 用于 web 页面
XML 用于结构化文档
SVG 用于图形
XUL 用于 Mozilla 中的用户界面

在教程的第二部分，你会看到使用这些标记语言的例子。

HTML	用于 web 页面
XML	用于结构化文档
SVG	用于图形
XUL	用于 Mozilla 中的用户界面

为用户展现文档意味着将其转换成一个可读性良好的格式。像 Firefox， Chrome 或是 Internet Explorer 这样的浏览器倾向于使用更视觉化的方式来展现文档 — 例如，在计算机屏幕，投影仪或是打印机上。

更多细节
CSS 并非仅仅用于浏览器，也不仅限于视觉展现。按照 CSS 的正式术语来讲，将文档呈现给用户的程序称为用户代理(UA)。浏览器只是用户代理的其中之一。不过在教程的第一部分中，你将只在浏览器中使用 CSS。
要了解更多 CSS 术语定义的相关内容，请查看 CSS 规范的 [定义]>(http://www.w3.org/TR/CSS21/conform.html#q1)。

动手：创建一个文档

在你的电脑中创建一个新的文件夹，用于保存和管理本指南中的练习。
打开你的文本编辑器并创建一个新文件。该文件将用于保存后续练习中的文档。

将下面的内容复制粘贴进文本文件中。保存文件，将其命名为 doc1.html

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>Sample document</title>
 </head>

 <body>
   <p>
     <strong>C</strong>ascading
     <strong>S</strong>tyle
     <strong>S</strong>heets
   </p>
 </body>
</html>