首页 > 其他分享 >css样式综合案例----博客园首页简单搭建

css样式综合案例----博客园首页简单搭建

时间:2024-06-16 18:01:26浏览次数:15  
标签:2024 jason wb python 博客园 29 笔记 ---- css

  1 <!DOCTYPE html>
  2 <html lang="en">
  3 <head>
  4     <meta charset="UTF-8">
  5     <title>博客园</title>
  6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7     <link rel="stylesheet" href="blog.css">
  8 </head>
  9 <body>
 10 <div class="blog-left">
 11     <div class="blog-avatar">
 12         <img src="666.jpg" alt="">
 13     </div>
 14     <div class="blog-title">
 15         <p>六六的博客</p>
 16     </div>
 17     <div class="blog-info">
 18         <p>是新人,什么也没有留下</p>
 19     </div>
 20     <div class="blog-link">
 21         <ul>
 22             <li>
 23                 <a href="#">关于我</a>
 24             </li>
 25             <li>
 26                 <a href="#">微博</a>
 27             </li>
 28             <li>
 29                 <a href="#">微信公众号</a>
 30             </li>
 31         </ul>
 32     </div>
 33     <div class="blog-tag">
 34         <ul>
 35             <li><a href="">python</a></li>
 36             <li><a href="">wb</a></li>
 37             <li><a href="">CSS</a></li>
 38         </ul>
 39     </div>
 40 </div>
 41 <div class="blog-right">
 42     <!--右边部分-->
 43     <div class="article">
 44         <div class="article-title">
 45             <span class="title">论做笔记的重要性</span>
 46             <span class="date">2024/1/29</span>
 47         </div>
 48         <div class="article-body">
 49             <p>jason老师教的非常好</p>
 50         </div>
 51         <div class="article-bottom">
 52             <span>#python</span>
 53             <span>#wb</span>
 54         </div>
 55     </div>
 56     <div class="article">
 57         <div class="article-title">
 58             <span class="title">论做笔记的重要性</span>
 59             <span class="date">2024/1/29</span>
 60         </div>
 61         <div class="article-body">
 62             <p>jason老师教的非常好</p>
 63         </div>
 64         <div class="article-bottom">
 65             <span>#python</span>
 66             <span>#wb</span>
 67         </div>
 68     </div>
 69     <div class="article">
 70         <div class="article-title">
 71             <span class="title">论做笔记的重要性</span>
 72             <span class="date">2024/1/29</span>
 73         </div>
 74         <div class="article-body">
 75             <p>jason老师教的非常好</p>
 76         </div>
 77         <div class="article-bottom">
 78             <span>#python</span>
 79             <span>#wb</span>
 80         </div>
 81     </div>
 82     <div class="article">
 83         <div class="article-title">
 84             <span class="title">论做笔记的重要性</span>
 85             <span class="date">2024/1/29</span>
 86         </div>
 87         <div class="article-body">
 88             <p>jason老师教的非常好</p>
 89         </div>
 90         <div class="article-bottom">
 91             <span>#python</span>
 92             <span>#wb</span>
 93         </div>
 94     </div>
 95     <div class="article">
 96         <div class="article-title">
 97             <span class="title">论做笔记的重要性</span>
 98             <span class="date">2024/1/29</span>
 99         </div>
100         <div class="article-body">
101             <p>jason老师教的非常好</p>
102         </div>
103         <div class="article-bottom">
104             <span>#python</span>
105             <span>#wb</span>
106         </div>
107     </div>
108 </div>
109 </body>
110 </html>

 

 

标签:2024,jason,wb,python,博客园,29,笔记,----,css
From: https://www.cnblogs.com/liuliu1/p/18250997

相关文章

  • 【C++学习笔记 4】C++中的类
    面向对象的程序设计试想一下,假如我要写一个游戏,玩家在其中移动#include<iostream>#defineLOG(x)std::cout<<x<<std::endlvoidmove(intx,inty,intspeed);intmain(){ intPlayerX0,PlayerY0; intspeed=2; intPlayerX1,PlayerY1; intspeed......
  • 【5】测试用例
    【一】基本术语【1】术语一:(1)动态测试:通过运行软件的组件或系统来测试软件==》需要不断地去运行系统来检测软件是否存在bug或缺陷。eg.运行抖音,腾讯课堂能否进入课堂等。(2)静态测试:对组件的规格说明书进行评审,对静态代码进行走查。》比如通过阅读等方式去检测软件是否存在bug......
  • GH2747高温合金化学成分、物理性能及机械性能
    GH2747高温合金是一种在极端高温环境下表现出色的材料,广泛应用于航空航天、燃气轮机、核能及化工等领域。本文将详细分析GH2747高温合金的关键参数及其在不同应用中的性能表现,旨在为工程师和制造商提供全面的技术参考。1.化学成分GH2747高温合金主要成分包括:镍(Ni):约75%钴(Co):......
  • 【2024年中山市信息学邀请赛小学组线上赛】第一第二题
    hello,大家好,我是静静等着。今天我们讲的是前几天开展的那个2024年中山市信息学邀请赛小学组线上赛前两道题的答案,有什么修改建议请在评论区留言。(由于啊这次比赛的那个题应该是没发下来,所以我凭我的记忆来讲)NO.1这题是说那个Jimmy他有一个四位数密码,要你来帮他判断这个......
  • 【4】版本控制系统SVN
    版本控制系统SVN【一】SVN的基本概念SVN是subverion的简称,是一个开放源代码的版本控制系统,通过采用分支管理系统的高效管理,简而言之就是用于多个人共同开发一个项目,实现共享资源,实现最终集成式的管理。SVN的作用:在项目组当中对需求规格说明书,测试用例,产品说明书,代码或者与项目......
  • springboot + uniapp 头像上传功能及样式模版
    springboot+uniapp头像上传和预览功能及样式模版该头像上传使用uni.chooseImage方法从本地相册选择图片或使用相机拍照。再通过uni.uploadFile将本地资源上传到服务器。具体使用方法请参考uniapp官网API。以下是前端效果图:上传之后效果点击头像预览效果......
  • Mac开发_使NSTextField支持Cmd+C/V快捷键复制、粘贴
    NSTextField+Copypast.h@interfaceNSTextField(Copypast)@endNSTextField+Copypast.m@implementationNSTextField(Copypast)-(BOOL)performKeyEquivalent:(NSEvent*)event{if(([eventmodifierFlags]&NSEventModifierFlagDeviceIndependentF......
  • 如何在WIndows虚拟机安装 macOS 黑苹果系统?
    在本教程中,我们将介绍如何在虚拟机上安装macOS黑苹果系统。黑苹果系统是非苹果公司官方支持的macOS系统的非官方版本,可以在普通PC上运行。请注意,安装黑苹果系统可能违反苹果的许可协议,请自行承担风险。参考视频教程:https://www.youtube.com/watch?v=FO9Bwa5btn81......
  • 【6】MySQL数据库
    MySQL关系型数据库什么是数据库?数据库是存放数据的电子仓库。以某种方式存储百万条,上亿条数据,供多个用户访问共享。数据库分为关系型数据库和非关系数据库【1】关系型数据库:1)定义:依据关系模型创建的数据库,把数据保存在不同的表中,表与表存在着某些关系。2)举例:mysql(甲骨文公司......
  • GPU版PyTorch安装、GPU版TensorFlow安装(详细教程)
    目录一、介绍PyTorch、TensorFlow 1. PyTorch2.TensorFlow二、GPU版PyTorch安装1.确定CUDA版本2.确定python版本3.安装PyTorch3.1使用官网命令安装(速度慢)3.2本地安装(速度快)4.检验是否安装成功三、GPU版TensorFlow安装1.确定CUDA版本2.确定TensorFlow版本3.安......