设计样式 - WDPHP云市场

设计样式在HTML 5中是通过CSS（层叠样式表）来实现的。CSS用于控制网页的布局和外观，使网页看起来更加美观和专业。在HTML 5中，可以通过内部样式表、外部样式表或者内联样式来设置样式。

内部样式表：在HTML文档的标签内使用

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
        }
        h1 {
            color: blue;
        }
        p {
            font-size: 1.2em;
        }
    </style>
</head>
<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
</body>
</html>

外部样式表：将样式定义在一个单独的CSS文件中，然后在HTML文档中引用该CSS文件。示例如下：

在名为styles.css的CSS文件中定义样式：

body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
}
h1 {
    color: blue;
}
p {
    font-size: 1.2em;
}

在HTML文档中引用外部样式表：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
</body>
</html>

内联样式：在HTML元素上使用style属性设置样式。示例如下：

<!DOCTYPE html>
<html>
<body>
    <h1 style="color: blue;">This is a heading</h1>
    <p style="font-size: 1.2em;">This is a paragraph.</p>
</body>
</html>

以上是HTML 5中设计样式的基础教程，您可以根据需要选择合适的方式来设置样式，使您的网页看起来更加美观和专业。