gpt4 book ai didi

html - 涉及在单个网页中使用多种类型的样式表

转载 作者:太空宇宙 更新时间:2023-11-04 16:20:43 25 4
gpt4 key购买 nike

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

1.浏览器默认

2.外部样式表

3.内部样式表(在head部分)

4.内联样式(在 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>

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

最佳答案

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

CSS always overrides presentational HTML attributes .

关于html - 涉及在单个网页中使用多种类型的样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6640611/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com