Html 内联样式和内部样式的优先级_Html_Css_Inline_Internal

Html 内联样式和内部样式的优先级

html css

Html 内联样式和内部样式的优先级,html,css,inline,internal,Html,Css,Inline,Internal,我有一些HTML和CSS代码，如下所示 <html> <head> <style type="text/css"> img.normal { height:auto; } img.big { height:120px; } p.ex { height:100px; width:100px; } </style> </head> <body> <img class="normal" src="logocss.gif"

我有一些HTML和CSS代码，如下所示

<html>
<head>
<style type="text/css">
img.normal
{
height:auto;
}
img.big
{
height:120px;
}
p.ex
{
height:100px;
width:100px;
}
</style>
</head>

<body>
<img class="normal" src="logocss.gif" width="95" height="84" /><br />
<img class="big" src="logocss.gif" width="95" height="84" />
<p class="ex">The height and width of this paragraph is 100px.</p>
<p>This is some text in a paragraph. This is some text in a paragraph.
This is some text in a paragraph. This is some text in a paragraph.
This is some text in a paragraph. This is some text in a paragraph.</p>
</body>
</html>


正常
{
高度：自动；
}
大号
{
高度：120px；
}
p、 前
{
高度：100px；
宽度：100px；
}


本段的高度和宽度为100px
这是一段文字中的一些文字。这是一段文字中的一些文字。
这是一段文字中的一些文字。这是一段文字中的一些文字。
这是一段文字中的一些文字。这是一段文字中的一些文字

我记得这三种样式的优先级是inline>internal>external。但是上面的代码，图片中哪个类命名为“big”，一个内联样式将其高度设置为84px，宽度设置为95，为什么内部样式会影响结果样式？有人能帮忙吗

<img class="big" src="logocss.gif" width="95" height="84" />

看看应用了什么

<img class="big" src="logocss.gif" style="width:95px; height:84px;" />