CSS样式的优先级

来源：互联网发布：linux 查看目录树结构编辑：程序博客网时间：2024/06/06 00:53

一、行内样式、内部以及外部样式的含义

1.行内样式：就是直接把CSS代码添加到HTML的标记中，即作为HTML标记的属性标记存在。通过这种方法，可以很简单地对某个元素单独定义样式。简单来说代码写在具体网页中的一个元素内；比如：<divstyle="color:#f00"></div>

2.内部样式（内嵌样式）：就是在</head>前面写,直接在页面里写css代码；比如：<styletype="text/css">.div{color:#F00}</style>

3.外部样式（链接样式）：就是引用外部css文件；比如：<link href="css.css"type="text/css" rel="stylesheet">

二、css样式的优先级

1.理论上：如果外部样式、内部样式和行内样式同时应用于同一个元素，就是使多重样式的情况。一般情况下，优先级如下：

行内样式>内部样式>外部样式

放在head里面如果外部样式放在内部样式的后面，外部样式将覆盖内部样式。如：

<head>

<title>Document</title>

h1{color: red;}

</style>//内部样式

</head>

<body>

</body>

2. 实际上：行内样式、内部样式、外部样式在同一个文件头部，谁离相应的代码近，谁的优先级高。

阅读全文

0 0