一、内部样式
在html中，可以通过在<head>标签中使用<style>标记来定义css样式，这被称为“内部样式”。具体步骤如下：
在<head>标签中添加<style>标记。在<style>标记中定义css样式。在html元素中使用style属性来调用css样式。例如，下面的代码定义了一个红色的标题，并将它应用于<h1>标签：
<!doctype html><html><head> <style> h1 { color: red; } </style></head><body> <h1 style="color: red;">hello, world!</h1></body></html>
外部样式除了内部样式，还可以在外部使用css文件。外部样式将所有的css样式定义放在一个单独的文件中，然后在html中使用链接引用该文件。具体步骤如下：
创建一个css文件并定义样式。在html中使用<link>标签来链接css文件。例如，我们可以将上面例子中的css样式保存在一个名为style.css的文件中，然后在html文件中使用<link>标签将它们链接起来，如下所示：
index.html 文件：
<!doctype html><html><head> <link rel="stylesheet" type="text/css" href="style.css"></head><body> <h1>hello, world!</h1></body></html>
style.css 文件：
h1 { color: red;}
内联样式内联样式也是一种调用css样式的方式，但与内部样式不同，内联样式是直接应用于html元素的style属性中的css样式。这意味着可以在html标记中定义单独的样式，而不需要在<head>标记中定义样式或使用外部css文件。不过，内联样式并不推荐使用，因为它会增加html文件的大小并降低可读性，且难以维护。
例如，下面的代码定义了一个红色的标题，并将它应用于<h1>标签：
<!doctype html><html><head></head><body> <h1 style="color: red;">hello, world!</h1></body></html>
总结
在html中，可以通过内部样式、外部样式和内联样式三种方式调用css样式。其中，内部样式适用于单独的页或应用程序，外部样式可以被多个页面或应用程序使用，而内联样式则适用于单个元素上的特定样式。在实际应用中，应根据需求和情况选择合适的方式来调用css样式，以达到优化性能和提高开发效率的目的。
以上就是html怎么调用css的详细内容。