CSDN，感谢遇见【我的一周年创作纪念日】

机缘

第一次遇见CSDN已经是7年前的事了，那时的我还是一名初二的学生，由于沉迷于玩具战争这款游戏（很遗憾这款游戏已经停服），里面有许多大佬利用各种手段去开挂，所以我意外的接触到了浏览器抓包等计算机技术。通过不断地学习，我也逐渐掌握了这个游戏各种资源的刷法，也对计算机技术产生了浓厚的兴趣！此后，我不断利用CSDN学习，逐渐丰富自己的知识。

不过，我此前都是只用CSDN来搜索知识，从来都没有想过自己来撰写博客。真正的机缘是我大一学习C语言的时候，看到了鹏哥的课程。他让我了解到了写博客的好处，所以一年前，我开始尝试着写自己的第一篇博客一文带你深入理解【Java基础】 · Java语言概述

是的，这是我的第一篇博客。当时写这篇博客的时候真的是无从下手，完全不知道从哪里开始写起。所以，我阅读了CSDN上很多热榜的文章，学习他们的排版与写作技巧，终于完成了我的第一篇博客。

收获

在这一年的时间里，我收获了800多名粉丝，撰写了六十多篇博客文章。其中，前几天发布的【国内chatgpt最全使用方法合集】（总有一个适合你）居然还上了全站综合热榜第28名。

如果问我在写博客的期间收获了什么，我想，一定是对知识更深的理解和广大网友对我的支持。在创作期间，也有不少网友通过私信来向我提问，我从来都没有想过原来我也可以帮助和影响那么多的人。从CSDN上收获知识，然后传授出去，也许这就是我的初心吧！

日常

是的，写博客已经成为我的日常了。平时我会抽出周末的时间来写博客，同时巩固已经学过的知识。在写博客的过程中，我也会时常发现自己在某个知识上还存在着不足之处，以为自己已经学会了，其实真正要自己输出的时候，还是一知半解的样子。在日常学习时，我常常会遇到新知识，新的难题，这就需要我自己去解决，当我自己解决了一个难题之后，我愿意把自己的收获分享给其他的人，帮助更多拥有同样困惑的人。

成就

目前我正在学习前端，自己写了一个简单的静态界面，尚品汇。由于代码量太大，所以就放上我写的一个简单的静态页面的代码吧哈哈哈

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>07_浮动布局小练习2</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        .leftfix {
            float: left;
        }
        .rightfix {
            float: right;
        }
        .clearfix::after {
            content: '';
            display: block;
            clear: both;
        }
        .container {
            width: 960px;
            margin: 0 auto;
            text-align: center;
        }
        .logo {
            width: 200px;
        }
        .banner1 {
            width: 540px;
            margin: 0 10px;
        }
        .banner2 {
            width: 200px;
        }
        .logo,.banner1,.banner2 {
            height: 80px;
            background-color: #ccc;
            line-height: 80px;
        }
        .menu {
            height: 30px;
            background-color: #ccc;
            margin-top: 10px;
            line-height: 30px;
        }
        .item1,.item2 {
            width: 368px;
            height: 198px;
            border: 1px solid black;
            margin-right: 10px;
            line-height: 198px;
        }
        .content {
            margin-top: 10px;
        }
        .item3,.item4,.item5,.item6 {
            width: 178px;
            height: 198px;
            border: 1px solid black;
            margin-right: 10px;
            line-height: 198px;
            margin-top: 10px;
        }
        .item7,.item8,.item9 {
            width: 198px;
            height: 128px;
            border: 1px solid black;
            line-height: 128px;
        }
        .item8 {
            margin: 10px 0;
        }
        .footer {
            height: 60px;
            background-color: #ccc;
            line-height: 60px;
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="page-header clearfix">
            <div class="logo leftfix">logo</div>
            <div class="banner1 leftfix">banner1</div>
            <div class="banner2 leftfix">banner2</div>
        </div>
        <div class="menu">菜单</div>
        <div class="content clearfix">
            <div class="left leftfix">
                <div class="top clearfix">
                    <div class="item1 leftfix">栏目一</div>
                    <div class="item2 leftfix">栏目二</div>
                </div>
                <div class="bottom">
                    <div class="item3 leftfix">栏目三</div>
                    <div class="item4 leftfix">栏目四</div>
                    <div class="item5 leftfix">栏目五</div>
                    <div class="item6 leftfix">栏目六</div>
                </div>
            </div>
            <div class="right clearfix">
                <div class="item7 rightfix">项目七</div>
                <div class="item8 rightfix">项目八</div>
                <div class="item9 rightfix">项目九</div>
            </div>
        </div>
        <div class="footer">页脚</div>
    </div>
</body>
</html>