CSS引入规则

最新推荐文章于 2024-05-17 16:16:33 发布

zch2846

最新推荐文章于 2024-05-17 16:16:33 发布

阅读量65

点赞数

文章标签： css 前端

本文链接：https://blog.csdn.net/zch2846/article/details/131967018

版权

CSS 规则由两个主要的部分构成：选择器[核心]，以及一条或多条声明[规则]：

每条样式声明由一个属性[样式属性]和一个值[样式值]组成

插入样式表的方法有三种：

行内样式(内联样式)引入规则：样式写在标签的style属性中

规则就像这种：

<标记名 style=“属性1:属性值1;属性2:属性值2;属性3:属性值3;…”> 内容 </标记名>

该语法中style是标记的属性，实际上任何HTML标记都拥有style属性，用来设置行内样式。其中属性和值的书写规范与CSS样式规则相同，行内式只对其所在的标记及嵌套在其中的子标记起作用(部分样式)。

行内式也是通过标记的属性来控制样式的，由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。请慎用这种方法。只有在样式规则较少且只在该元素上使用一次，或者需要临时修改某个样式规则时使用。

内嵌[内部]样式引入规则：样式放在head或body标签的style标签中:

<head>
  <style type="text/css">
   选择器{
       属性1:属性值1;
       属性2:属性值2;
       属性3:属性值3;
       ....
     }
  </style>
</head>

当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用

该语法中，

外部样式[链入式]引入规则；一个单独的样式文件,存放我们的样式

就是将样式放在一个或多个外部样式表文件中，这个文件是以 css 为扩展名的

通过标记将外部样式表文件链接到HTML文档中。

语法：

<link rel="stylesheet" href="css文件的路径">

路径可以是相对路径也可以是绝对路径

一般情况下，优先级如下：

(内联样式）Inline style > （内部样式）Internal style sheet =（外部样式）External style sheet > 浏览器默认样式

内部样式和外部样式都是通过选择器来选择元素的，所以他们的优先级和文件顺序、选择器优先级有关；

e sheet > 浏览器默认样式**

内部样式和外部样式都是通过选择器来选择元素的，所以他们的优先级和文件顺序、选择器优先级有关；

注意：如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式。

关注