CSS flex 布局复习

Author: testerxiaodong

404.html

@@ -10,7 +10,7 @@
 <meta property='og:description' content="个人博客">
 <meta property='og:url' content='https://www.cengdong.store/404.html'>
 <meta property='og:site_name' content='cengdong的技术博客'>
-<meta property='og:type' content='website'><meta property='og:updated_time' content=' 2025-03-10T19:33:02&#43;08:00 '/>
+<meta property='og:type' content='website'><meta property='og:updated_time' content=' 2025-03-12T12:22:21&#43;08:00 '/>
 <meta name="twitter:title" content="404 Page not found">
 <meta name="twitter:description" content="个人博客">
     </head>

archives/index.html

@@ -229,25 +229,25 @@ <h2 class="section-title">Categories</h2>
 
 
 <article class="">
-    <a href="/categories/python/">
+    <a href="/categories/css/">
 
 
 
         <div class="article-details">
-            <h2 class="article-title">Python</h2>
+            <h2 class="article-title">CSS</h2>
         </div>
     </a>
 </article>
 
 
 
 <article class="">
-    <a href="/categories/css/">
+    <a href="/categories/python/">
 
 
 
         <div class="article-details">
-            <h2 class="article-title">CSS</h2>
+            <h2 class="article-title">Python</h2>
         </div>
     </a>
 </article>
@@ -424,6 +424,17 @@ <h2 class="article-title">RabbitMQ</h2>
         <h2 class="archives-date section-title"><a href="/archives/#2025">2025</a></h2>
         <div class="article-list--compact">
 
+                <article>
+    <a href="/p/cssflex%E5%B8%83%E5%B1%80/">
+        <div class="article-details">
+            <h2 class="article-title">【CSS】Flex布局</h2>
+            <footer class="article-time">
+                <time datetime='2025-03-12T12:22:21&#43;08:00'>Mar 12, 2025</time>
+            </footer>
+        </div>
+    </a>
+</article>
+            
                 <article>
     <a href="/p/python%E4%BD%9C%E7%94%A8%E5%9F%9F%E4%B8%8E%E5%91%BD%E5%90%8D%E7%A9%BA%E9%97%B4/">
         <div class="article-details">

categories/css/index.html

@@ -10,7 +10,7 @@
 <meta property='og:description' content="个人博客">
 <meta property='og:url' content='https://www.cengdong.store/categories/css/'>
 <meta property='og:site_name' content='cengdong的技术博客'>
-<meta property='og:type' content='website'><meta property='og:updated_time' content=' 2025-03-10T19:33:02&#43;08:00 '/>
+<meta property='og:type' content='website'><meta property='og:updated_time' content=' 2025-03-12T12:22:21&#43;08:00 '/>
 <meta name="twitter:title" content="Category: CSS - cengdong的技术博客">
 <meta name="twitter:description" content="个人博客"><link
   rel="alternate"
@@ -270,7 +270,7 @@ <h2 class="widget-title section-title">归档</h2>
                     <a href="/archives/#2025">
 
                             <span class="year">2025</span>
-                            <span class="count">3</span>
+                            <span class="count">4</span>
 
                     </a> 
                 </div>
@@ -321,12 +321,12 @@ <h2 class="widget-title section-title">分类</h2>
                 JavaScript
             </a>
 
-            <a href="/categories/python/" class="font_size_3">
-                Python
+            <a href="/categories/css/" class="font_size_3">
+                CSS
             </a>
 
-            <a href="/categories/css/" class="font_size_2">
-                CSS
+            <a href="/categories/python/" class="font_size_3">
+                Python
             </a>
 
             <a href="/categories/english/" class="font_size_2">
@@ -443,7 +443,7 @@ <h3 class="section-title">
 
         <div class="section-card">
             <div class="section-details">
-                <h3 class="section-count">2 个页面</h3>
+                <h3 class="section-count">3 个页面</h3>
                 <h1 class="section-term">CSS</h1>
 
             </div>
@@ -452,6 +452,17 @@ <h1 class="section-term">CSS</h1>
 
     <section class="article-list--compact">
 
+            <article>
+    <a href="/p/cssflex%E5%B8%83%E5%B1%80/">
+        <div class="article-details">
+            <h2 class="article-title">【CSS】Flex布局</h2>
+            <footer class="article-time">
+                <time datetime='2025-03-12T12:22:21&#43;08:00'>Mar 12, 2025</time>
+            </footer>
+        </div>
+    </a>
+</article>
+        
             <article>
     <a href="/p/csscss%E5%B1%9E%E6%80%A7%E8%AE%A1%E7%AE%97%E8%BF%87%E7%A8%8B/">
         <div class="article-details">