用记事本制作css网页
使用记事本制作CSS网页的方法
创建HTML文件
打开记事本,输入基本的HTML结构代码,保存为.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文件。例如:
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 0;
padding: 20px;
}
h1 {
color: #333;
text-align: center;
}
p {
color: #666;
line-height: 1.6;
}
保存文件
将HTML文件命名为index.html,CSS文件命名为style.css,保存在同一文件夹中。
查看效果
双击index.html文件,浏览器将打开网页并应用CSS样式。如需修改,可重新编辑文件并刷新浏览器查看更新后的效果。
进阶建议
对于更复杂的网页,可以在CSS中添加更多样式规则,如布局、颜色、动画等。记事本虽然简单,但足够完成基本的网页制作任务。






