是否存在HTML大小标记？

只要您开始使用HTML构建网页，您就会开始处理大小。为了让您的网站看起来像您希望的样子，可能与您或其他设计人员创建的设计相匹配，您需要更改该网站上文本的大小以及网页上的其他元素。要做到这一点，您可能会开始寻找HTML“尺寸”标签，但您很快就会发现它缺失。

HTML大小标记在HTML中不存在。相反，为了设置字体，图像或布局的大小，您应该使用层叠样式表。实际上，您需要对网站的文本或其他元素进行任何视觉更改都应该由CSS处理！ HTML仅用于结构。

与HTML大小标记最接近的标记是旧的字体标记，它确实包含大小属性。请注意，此标记在当前版本的HTML中已被弃用，并且将来可能不会被浏览器支持！你不想在你的HTML中使用字体标签！相反，你应该学习CSS来调整你的HTML元素的大小，并相应地设置你的网页风格。

字体可以说是用CSS规模最容易的事情。不仅仅是文本大小，用CSS你可以更具体地了解你的网站排版。您可以定义字体大小，颜色，套管，重量，领先等等。使用字体标签，您只能定义尺寸，然后只能根据浏览器的默认字体大小来确定每个客户的字体大小。

要设置段落的字体大小为12pt，请使用font-size样式属性：

h3 {font-size = 24px; }

这种风格将设置headiing3元素24个像素的字体大小。您可以将其添加到外部样式表中，并且所有网站的H3都会使用此样式。

如果您想为文字添加其他印刷风格，可以将它们添加到此CSS规则中：

h3 {font-size：24px; 颜色：＃000; 字体重量：正常; }

这不仅会为H3设置字体大小，还会将颜色设置为黑色（这是＃000的十六进制代码的含义），并且会将权重设置为“正常”。默认情况下，浏览器将标题1-6显示为粗体文本，因此此样式将覆盖该默认设置，并且基本上“取消粗体”文本。

图像定义尺寸可能会非常棘手，因为您实际上可以使用浏览器来调整图像大小。当然，使用浏览器调整图像大小并不是一个好主意，因为它会导致页面加载速度变慢，而且浏览器的大小调整通常很糟糕，使图像看起来很糟糕。相反，您应该使用图形软件来调整图像大小，然后将其实际大小写入您的网页HTML中。

与字体不同，图像可以使用HTML或CSS来定义大小。您可以定义图像的宽度和高度。使用HTML时，只能以像素为单位定义图像大小。如果您使用CSS，则可以使用其他度量，包括英寸，厘米和百分比。当您的图片需要流畅时，这个最后的值百分比非常有用，例如在响应式网站中。

要使用HTML定义图像大小，请使用img标记的高度和宽度属性。例如，这个图像将是400x400像素的平方：

height =“400”width =“400”alt =“image”/>

要使用CSS定义图像大小，请使用高度和宽度样式属性。以下是使用CSS定义大小的相同图像：

style =“height：400px; width：400px;” alt =“image”/>

您在布局中定义的最常见尺寸是宽度，首先需要决定是使用固定宽度布局还是使用响应式网站。换句话说，您是否将宽度定义为像素，英寸或点的确切数量？或者你打算使用ems或百分比来设置你的布局宽度？要定义布局的大小，可以像使用图像一样使用宽度和高度CSS属性。

固定宽度：

风格= “宽度：600px的;”>

液体宽度：

风格= “宽度：80％;”>

当您决定布局的宽度时，应该记住读者可能使用的不同浏览器宽度以及他们将使用的不同设备。这就是为什么响应式网站可以根据不同的设备和屏幕尺寸改变其布局和尺寸，是当今最佳实践标准。

Alike posts