[html+css+js] 小米官网首页制作，CSS的行内样式与内联样式
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小米官网</title>
<style>
/* 这里是内部样式表，可以写CSS规则 */
body {
font-family: Arial, sans-serif;
}
.header {
background-color: #FF5E1F;
color: white;
text-align: center;
padding: 10px;
}
/* 更多样式规则 */
</style>
</head>
<body>
<div class="header">
<h1>小米官网</h1>
</div>
<!-- 页面的其余内容 -->
</body>
</html>这个示例展示了如何在HTML文件的<head>部分使用<style>标签来包含CSS代码。这是内部样式表的一个简单用法，它将样式信息直接嵌入HTML文档中。在实际开发中，内部样式表适用于单个页面的样式定义。
评论已关闭