CSS样式的优先级
⼀、⾏内样式、内部以及外部样式的含义
1.⾏内样式：就是直接把CSS代码添加到HTML的标记中，即作为HTML标记的属性标记存在。通过这种⽅法，可以很简单地对某个元素单独定义样式。简单来说代码写在具体⽹页中的⼀个元素内；⽐如：<div></div>
2.内部样式（内嵌样式）：就是在</head>前⾯写，直接在页⾯⾥写css代码；⽐如：<styletype="text/css">.div{color:#F00}</style>
3.外部样式（链接样式）：就是引⽤外部css⽂件；⽐如：<link href="css.css"type="text/css" rel="stylesheet">
⼆、css样式的优先级
1.理论上：如果外部样式、内部样式和⾏内样式同时应⽤于同⼀个元素，就是使多重样式的情况。⼀般情况下，优先级如下：
⾏内样式>内部样式>外部样式
css简单网页代码
放在head⾥⾯如果外部样式放在内部样式的后⾯，外部样式将覆盖内部样式。如：
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css"media="screen">
h1{color: red;}
</style>//内部样式
<link rel="stylesheet"type="text/css" href="">//外部样式<!--在css⾥⾯设置h1颜⾊为其他颜⾊-->
</head>
<body>
<h1>哈哈</h1>
</body>
2. 实际上：⾏内样式、内部样式、外部样式在同⼀个⽂件头部，谁离相应的代码近，谁的优先级⾼。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。