我的第一个网站

欢迎来到我的网站 🌟

主页内容

这是一个用VSCode编写的静态网站示例。

关于我们

我们专注于Web开发技术分享

60 🥲

2. style.css（响应式样式） css Copy Code /* 基础样式 */ body { font-family: 'Segoe UI', Arial, sans-serif; margin: 0; padding: 20px; background-color: #f0f2f5; } header { background-color: #2c3e50; color: white; padding: 1rem; text-align: center; } nav a { color: white; margin: 0 15px; text-decoration: none; } .card { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } /* 响应式设计 */ @media (max-width: 768px) { nav { flex-direction: column; } .card img { width: 100%; } } 3. script.js（交互功能） javascript Copy Code // 显示弹窗 function showAlert() { alert("你点击了按钮！🎉"); } // 页面加载完成后执行 document.addEventListener('DOMContentLoaded', () => { console.log("网站加载完成"); });