用记事本制作css网页
使用记事本制作CSS网页的方法
创建HTML文件
打开记事本,输入基本的HTML结构代码,保存为.html文件(例如index.html)。示例代码:

<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个用记事本制作的简单网页。</p>
</body>
</html>
创建CSS文件
新建另一个记事本文件,输入CSS样式代码,保存为.css文件(例如style.css)。示例代码:

body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 20px;
}
h1 {
color: blue;
}
p {
color: green;
}
文件关联
确保HTML文件通过<link>标签正确引用CSS文件,两个文件需保存在同一目录下。
浏览器查看 双击HTML文件在浏览器中打开,即可看到应用了CSS样式的网页效果。
注意事项
- 保存文件时需选择"所有文件"类型,避免自动添加
.txt后缀 - 代码缩进和格式不影响功能,但建议保持规范便于维护
- 可使用浏览器开发者工具(F12)调试CSS效果






