CSS 创建

文章目录

  • CSS 创建
  • 外部样式表
  • 内部样式表
  • 内联样式
  • 多重样式
  • 多重样式优先级


CSS 创建

CSS可以通过三种方式创建:

  1. 外部样式表:当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用标签链接到样式表。标签在(文档的)头部,例如: 。浏览器会从文件mystyle.css中读到样式声明,并根据它来格式文档。外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的html标签。样式表应该以.css扩展名进行保存。
  2. 内部样式表:当单个文档需要特殊的样式时,就应该使用内部样式表。请慎用这种方法,例如当样式仅需要在一个元素上应用一次时。例如:

    This is a paragraph

  3. 内联样式:这是将样式直接添加到HTML元素中的方法。它不推荐用于大型网站,因为会导致代码混乱,但非常适合用于单个元素的快速样式更改。例如:

    This is a paragraph

外部样式表

外部样式表(External Stylesheet)是将样式信息(CSS)存储在一个独立的.css文件中,并通过HTML文件的标签链接到HTML文档中,以便控制整个网站的外观和样式。

创建和使用外部样式表可以带来很多好处,包括提高网站的可维护性、减少代码冗余、易于更新和调试等。同时,外部样式表也可以被缓存,从而提高网站的加载速度和性能。

要创建外部样式表,首先需要在文本编辑器中创建一个CSS文件,例如命名为style.css,并将所有的样式声明写入该文件中。然后,在HTML文件的标签中添加标签来链接该CSS文件,例如:

<head>
  <link rel="stylesheet" type="text/css" href="style.css">
head>

在这个例子中,style.css文件中的CSS代码将应用于整个HTML文档。你可以根据需要修改CSS文件中的样式声明,以改变网站的外观和样式。

内部样式表

内部样式表(Internal Stylesheet)是存储在HTML文档的标签中的