前端学习（51）：小练习_前端管理系统小练习-CSDN博客

本文链接：https://blog.csdn.net/weixin_43392489/article/details/103438657

本文介绍了前端开发的一个小练习，通过实践加深了对前端技术的理解。内容包括HTML布局、CSS样式设计以及JavaScript交互实现，适合初学者巩固基础知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人简介</title>
    <style>
    div{
        width: 600px;
        height: 600px;
    }
    h1{
        text-align: center;
        color: sandybrown;
    }
    h2{color: #00a0ff;}
    #p1{font-style: italic; font-weight: bold;text-indent: 2em;}
    #p2{color: springgreen; line-height: 25px; text-indent: 2em;}
    #p3{color: #bfffff;line-height: 25px; text-decoration: underline;}
    #p4{color: #00ffff;line-height: 25px;text-indent: 2em;}
    #p5{color: steelblue;letter-spacing: 10px;line-height: 25px;}
    </style>
</head>
<body>
    <div>
        <h1>歌谣</h1>
        <h2>基本信息</h2>
        <p id="p1">一名励志的技术人员</p>
        <p id="p2">1感谢关注，部分文章粉丝可见。微信公众号搜索GY歌谣，可获取java，前端，python等学习资源。</p>
        <h2>早年经历</h2>
        <p id="p3">2个人简介：歌谣，96年，大四实习一年，毕业工作一年。共同学习私信加微信。我是歌谣，期待和大家一起成长。</p>
        <h2>个人生活</h2>
        <p id="p4">  3凡事勤则易，凡事懒则难。我致力为成为一名优秀的技术革新人员。无论所遇何人，经历何事，始终向前，永不言弃。</p>
        <p id="p5">我是最骚的</p>
    </div>
</body>
</html>

运行结果