注释：CSS指的是层叠样式表样式如何定义如何显示HTML元素。





需要提供的基本知识

在继续学习之前，你需要对下面的知识有一个基本的了解：



HTML

XHTML



如果你想先学习这些项目，请排在第一位。








CSS指的是层叠样式表样式如何定义如何显示HTML元素。





需要提供的基本知识


在继续学习之前，你需要对下面的知识有一个基本的了解：



HTML

XHTML




如果您想先学习这些项目，请访问首页上的相关教程。



CSS概述



CSS指层叠样式表（CSS）

样式定义如何显示HTML元素

样式通常存储在样式表

将样式添加到HTML 4中是为了解决内容和性能之间的分离问题。

外部样式表可以大大提高工作效率

外部样式表通常存储在CSS文件中

多种样式定义可以堆叠成一个。







风格解决了一个共同的问题。


HTML标记最初是为了定义文档的内容而设计的，通过使用这样的标记，HTML原本被用来表示这是标题；这是段落；这是表单等等，文档的布局预计将由浏览器完成，而不使用任何格式标记。


在两个主要浏览器（Netscape和Internet Explorer）继续将新的HTML标记和属性（如字体标签和颜色属性）添加到HTML标准之后，因此创建一个清晰的文档内容与文档呈现站点无关变得越来越困难。


为了解决这个问题，非营利标准化联盟W3C肩负着HTML标准化的使命，并在HTML 4之外创建样式（样式）。


所有的主流浏览器都支持层叠样式表。





样式表，大大提高工作效率


样式定义如何显示HTML元素，以及字体标签在HTML 3.2的风格色彩属性通常存储在外部CSS文件，简单地通过编辑一个CSS文件，外部样式表使你改变在同一时间在网站的所有页面的外观特点。


CSS可以突破在Web设计领域，因为它允许多个页面的样式和布局的同时控制。作为一个Web开发者，你可以为每个HTML元素定义样式，并将其应用到任意数量的网页，你想，如果一个全球性的转变是必要的，风格是简单的改变，和网站中的所有元素都会自动更新。





多种样式将堆叠成一个。


样式表允许样式信息在多种方式指定。风格可以在一个HTML元素中指定，在HTML页面的标题元素，或在外部CSS文件，你甚至可以将一个HTML文档中的多个外部样式表。

堆叠顺序


当同一HTML元素由多个样式定义时，将使用哪种样式


一般来说，所有的款式都堆放在一个新的基于以下规则的虚拟的样式表，在4号有最高的优先级。



浏览器的默认设置

外部样式表

内部样式表（内标）

内联样式（在HTML元素内）




因此，内联样式（在HTML元素内）具有最高的优先级，这意味着它将优先考虑以下样式声明：标签中的样式声明，在外部样式表的样式声明，或声明的方式在浏览器（默认值）。