为什么你可以用CSS而不是属性来设计一些HTML元素的样式

当我浏览一些文档时，我遇到了一个关于

内联

元素的部分，以及一个我以前从未真正想过的问题。这些文件说：

<input type="text" value="I feel so thicc :(" style="height:500px;">

内联元素

inline

元素不从新行开始，只占用所需的宽度

| <a> | <abbr> | <acronym> | <b> | <bdo> | <big> | <br> | <button> | <cite> | <code> | <q> |
--------------------------------------------------------------------------------------------
| <dfn> | <em> | <i> | <img> | <input> | <kbd> | <label> | <map> | <object> | <output>     |
--------------------------------------------------------------------------------------------
| <samp> | <script> | <select> | <small> | <span> | <strong> | <sub> | <sup> | <textarea>  |
--------------------------------------------------------------------------------------------
| <time> | <tt> | <var> |                                                                  |
--------------------------------------------------------------------------------------------

（摘自学校）

定义和用法

“高度”属性指定元素的高度

注意：高度属性仅与一起使用

提示：始终指定图像的高度和宽度属性。如果设置了高度和宽度，则在加载页面时会保留图像所需的空间。但是，如果没有这些属性，浏览器将不知道图像的大小，并且无法为其保留适当的空间。其效果是页面布局将在加载期间（图像加载时）发生变化

（摘自w3school）

定义和用法

“高度”属性指定元素的高度

注意：高度属性仅与一起使用

---

提示：始终指定图像的高度和宽度属性。如果设置了高度和宽度，则在加载页面时会保留图像所需的空间。但是，如果没有这些属性，浏览器将不知道图像的大小，并且无法为其保留适当的空间。其效果是页面布局将在加载期间（图像加载时）发生变化

CSS内容在HTML中通常被归类为样式。随着HTML的发展，样式行越来越长，需要为每个元素复制样式行。CSS解决了这两个问题

因此，如果您不想使用CSS，请使用以下命令：

<input type="text" value="I feel so thicc :(" style="height:500px;">

---

CSS内容在HTML中通常被归类为样式。随着HTML的发展，样式行越来越长，需要为每个元素复制样式行。CSS解决了这两个问题

因此，如果您不想使用CSS，请使用以下命令：

<input type="text" value="I feel so thicc :(" style="height:500px;">

---

如果您想要准确的信息，首先需要参考。从中可以看出，有一种称为全局属性的属性适用于所有元素：

以下属性是所有HTML元素（即使是本规范中未定义的元素）的公用属性，并且可以在所有HTML元素上指定这些属性

如果你继续阅读，你会发现有一个特定的属性与某些特定的元素相关。没有神奇的规则，每件事都有明确的定义

img

、

iframe

、

embed

、

object

、

video

上的宽度和高度属性，并且当其类型属性处于图像按钮状态时，可以指定

输入

元素以给出元素的视觉内容的尺寸（相对于输出介质的标称方向，分别为宽度和高度），单位为CSS像素。如果指定，属性的值必须是有效的非负整数

在这里，您可以看到可以使用

height

属性的位置。与CSS属性的不同之处在于，此属性将指定浏览器应保留给该元素的维度。当然，您可以稍后使用CSS对其进行更改，如果您忽略它，将使用默认值（也在同一规范中定义）

用户代理要求：用户代理应使用这些属性作为渲染提示。

高度/宽度属性也可用于SVG和画布：

canvas元素有两个属性来控制元素位图的大小：宽度和高度。指定这些属性时，这些属性的值必须是有效的非负整数。必须使用解析非负整数的规则来获取它们的数值。如果缺少属性，或者解析其值时返回错误r、 然后必须使用默认值。宽度属性默认为300，高度属性默认为150

---

嗯，anwser不足以讨论所有与高度属性相关的内容，但是在规范中，您可以找到每个项目可以使用的属性以及它们的行为方式。从中您可以找到允许高度属性的元素的详尽列表

例如：

---

---

当谈到CSS时，您应该参考以获得有关它在不同类型元素中的行为的更多详细信息。

首先，如果您需要准确的信息，您需要参考。从中可以看出，有一种称为全局属性的属性适用于所有元素：

以下属性是所有HTML元素（即使是本规范中未定义的元素）的公用属性，并且可以在所有HTML元素上指定这些属性

如果你继续阅读，你会发现有一个特定的属性与某些特定的元素相关，没有神奇的规则，所有的东西都定义得很好

img

、

iframe

、

embed

、

object

、

video

上的宽度和高度属性，并且当其类型属性处于图像按钮状态时，可以指定

输入

元素以给出元素的视觉内容的尺寸（相对于输出介质的标称方向，分别为宽度和高度），单位为CSS像素。如果指定，属性的值必须是有效的非负整数

在这里，您可以看到可以使用

height

属性的位置。与CSS属性的不同之处在于，此属性将指定浏览器应保留给该元素的维度。当然，您可以稍后使用CSS对其进行更改，如果您忽略它，将使用默认值（也在同一规范中定义）

用户代理要求