# 模仿BeatStars静态页面

**Repository Path**: hcfcoding/imitation-start-stars

## Basic Information

- **Project Name**: 模仿BeatStars静态页面
- **Description**: 大一下写的HTML+CSS课大作业，模仿了beatstars的几个页面
- **Primary Language**: HTML
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 1
- **Created**: 2023-06-04
- **Last Updated**: 2024-12-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: HTML, CSS

## README

# 模仿BeatStars静态页面

#### 介绍

> 拿走可以点点star吗

大一下写的HTML+CSS课大作业，模仿了beatstars的几个页面
像素级复刻，当时大部分使用的是浮动来控制元素。少量使用绝对定位。
现在的beatStars可能界面可能改动了，这个是21年的beatStars
实现了很多css的细节，鼠标滑过的效果等等
可能会出现显示器大小不适配的情况
这个是在15.6寸的屏幕写的
缩放比例是125%


#### 软件架构
html+css写的静态页面


#### 安装教程

1.  直接点开index.html即可看到界面

#### 页面展示

Home

![输入图片说明](https://foruda.gitee.com/images/1702286019783574725/1edd2e78_9790034.jpeg "首页.jpeg")

Feed
![输入图片说明](https://foruda.gitee.com/images/1702286031890071155/124204ea_9790034.jpeg "Feed流页.jpeg")

Tracks
![输入图片说明](https://foruda.gitee.com/images/1702286039303363880/a1721406_9790034.jpeg "Tracks.jpeg")

Login
![输入图片说明](https://foruda.gitee.com/images/1702286046247666044/a4f7a99b_9790034.jpeg "登录.jpeg")