如何更改 html 文本的位置？

Question

我是网络开发的新手。这是我的 html 代码：

<html>
    <body>
        {errors}
        <p>Enter your numbers:</p>
        <form method="post" action=".">
            <p><input name="number1" /></p>
            <p><input name="number2" /></p>
            <p><input type="submit" value="Do calculation" /></p>
        </form>
    </body>
</html>

您可以在下面看到它的显示方式：

如何更改位置、字体和大小？目前显示在左上角。

Answer 1

在 Web 开发中，任何时候您需要设置页面元素的样式时，都需要使用 CSS。如果您想了解更多信息，请查看 w3school。

在这种情况下，我将向您展示如何应用内部样式，但您也可以将 CSS 应用于外部或内联样式 - 请查看 here 的解释它。

  <html>
        <head>
            <style>
                body {
                    font-family: 'Calibri', 'sans-serif';
                    font-size: 16px;
                    font-weight: bold;
                    text-align:center;
                }

                form {
                    position: relative;
                    bottom: 0;
                    right: 0;
                }
            </style>
        </head>
        <body>
            {errors}
            <p>Enter your numbers:</p>
            <form method="post" action=".">
                <p><input name="number1" /></p>
                <p><input name="number2" /></p>
                <p><input type="submit" value="Do calculation" /></p>
            </form>
        </body>
    </html>

所以在这里，我给你一个如何使用的例子：

font-family - 用于改变字体类型
font-size - 改变字体大小
font-weight - 改变字体的粗细
position - 通过结合使用 top、left、right 和 bottom 属性，用于以不同方式定位元素
请参阅 here 以了解有关 CSS 字体样式的更多信息
查看here了解更多关于CSS定位的信息

如何更改 html 文本的位置？

how can I change the position of html text?

html

css

position

webfonts