CSS优先级的问题？

Question

1.这是我在学习网站遇到的一个例子，我理解的css优先级是外链式<嵌入式<元素内部。为什么例子的运行结果显示却是嵌入式height属性优先级高于行内的height属性呢？

2.例子的链接链接描述

Answer 1

<img class="normal" src="logocss.gif" width="95" height="84" />你可能对标签属性和元素内部的样式理解的不是很好，如上这种写法是标签的属性，是指在页面加载时为图像预留的空间，否则浏览器就不知道图像的大小，而当图像太大加载较慢时，不会出现加载前后的页面布局变化问题，也就为了避免浏览器没加载一张图片时重新绘制页面布局的问题，而通过元素标签的样式或外链加载的样式是指图片需要渲染的大小，两者并没有优先级的比较，而且标签内部样式的写法应该是<img class="normal" src="logocss.gif" style="width: 96px;height: 83px"/>。希望对你有帮助，如果有表达不当之处也希望各位纠正。

Answer 2

请回答问题的人先仔细看看这个例子的链接~~~！！！！！以免理解错误。这个问题的核心其实并不是css优先级的问题。而是相对大小的问题；
三张图的初始化大小都相同 都是84

但是，css又重新设定了它们各自高所占的百分比；这里要清楚的是这个百分比是相当于谁？？？？
仔细一看,html.body,的高都占100%,

那么如上图所示：
第一张图是84；
第二张图占了body高的50%
第三章图占了body高的10%
如下图所示：

所以并不是css优先级的问题。而是相对于谁所占的百分比

Answer 3

你的问题楼上已经给出了，再给你补充点，免得你到时候又要问。还有种样式写法，如：color:red !important;,后面加个!important关键词后，这个样式的优先级是最高的。

Answer 4

赞同楼说的，内联样式是写在style之中的，你直接的写的话就是当成属性了，浏览器自然解析不出来