关联在单个网页中使用多种类型的样式表

时间:2011-07-10 10:42:53

标签: html css

我现在正在学习CSS。好吧,问题是我在css教程中读到了不同类型的样式表在同一个网页中同时使用时的预处理,如下所示:

1.浏览器默认

2.外部样式表

3.内部样式表(在头部)

4.Inline样式(在HTML元素内)

其中四号的优先级最高。 因此,内联样式(在HTML元素内)具有最高优先级,这意味着它将覆盖标记内部或外部样式表或浏览器中定义的样式(默认值)。

但在一个例子中我尝试过:

<html>
<head>
      <style type="text/css"> 
      img{height:auto;}
      </style>
</head>

<body>
    <img src="logocss.gif" width="95" height="100" /><br />
</body>
</html>

问题是实际上这里的内部样式覆盖了内联样式,并且以内联格式对高度所做的任何更改都不会改变图像高度。

1 个答案:

答案 0 :(得分:1)

元素没有内联样式(由style attribute提供,而不是高度或宽度属性)。它是表示性的HTML属性。

CSS always overrides presentational HTML attributes