详解css样式表的引入

今天讲一下css样式表引入的四种方式:行内嵌入、页内嵌入、外部嵌入以及import嵌入。

1.行内嵌入:顾名思义就是在标签里面直接嵌入属性style来实现。

如图所示→

2.页内嵌入:style样式用<style>…</style>形式放到</head>前

3.外部嵌入:这种方法属于外部嵌入。

步骤:

  • 1.新建一个css文件假如命名为:ceshi.css,内容为一个css样式,写在ceshi.css文件中
  • 2.在</head>标签中引入css文件,href属性中的为绝对路径,当前在同一级目录下,引入标签:
  • <link href=”文件绝对路径/ceshi.css” rel=”stylesheet”  type=”text/css” />

注意点:

  • 1.外部的css文件不用再填<style></style>标签
  • 2.外部css文件代码最后面不能有空格
  • 3.同级目录路径:./文件名。上一级是:../文件名

如下图:

注意:优先级行内嵌入页内嵌入外部嵌入

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注