html怎么用css
CSS样式只有应用到HTML元素中，样式才会产生效果。有三种方式可以把CSS样式应用到HTML元素。
一、利用HTML元素的style属性，样式表作为style属性的值，该方式也称为行内样式；
<span style=”font-size: 15px; color: #FFF;”>Hello World</style> <h1 style=”font-family: Arial;”>Hello World</h1>
二、将样式表放置在HTML网页文档head标签内，每个样式表赋予一个名称，然后在HTML元素中通过class属性引入样式表，该方式也称为内部样式；（推荐学习：HTML视频教程）
<style>
h1 {
color: #FFF;
}
.big{
font-size: 50px;
}
</style>
<h1>Hello Html</h1>
<div class="big">Hello Html</div>三、单独将样式表写入到一个文件，文件的扩展名为css，然后通过HTML的link标签链接外部样式表文件，在HTML元素中通过class属性引入样式表文件中的样式表，该方式也称为外部样式。
// main.css
body{
padding: 0;
margin: 0;
color: red;
}
.blue{
color: blue;
}
// index.html
<head>
<link href="main.css" rel="stylesheet">
</head>
<body>
<div class="blue">Hello Html</blue>
</body>更多HTML相关技术文章，请访问HTML答疑栏目进行学习！
以上就是html怎么用css的详细内容，更多请关注0133技术站其它相关文章！
