# html-css-study

**Repository Path**: awakening-e/html-css-study

## Basic Information

- **Project Name**: html-css-study
- **Description**: 学习网课之后的一些整理,html,css前端基础的一部分,
- **Primary Language**: HTML
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2025-09-29
- **Last Updated**: 2025-10-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 🎨 HTML & CSS 学习之旅

> 60+小时网课精华 + 大量实践沉淀，从零基础到能够独立完成各种网页布局

## 📖 项目介绍

这是一个完整的 **HTML & CSS 学习历程仓库**，记录了我从零基础到掌握前端基础的全过程。仓库中包含：

- **📝 详细学习笔记** - 知识点的系统整理与总结
- **🎯 实战案例** - 多种布局方法的实际应用
- **🛠️ 素材资源** - 完整的设计稿和资源文件
- **💡 最佳实践** - 每个案例都尝试不同的技术方案

## ✨ 特色亮点

### 布局技术全覆盖
- ✅ 传统浮动布局
- ✅ 现代Flex弹性布局  
- ✅ 定位布局实战
- ✅ 响应式设计适配

### 真实项目案例
- 企业官网首页
- 产品展示页面
- 电商商品页
- 通过 http://zcb.3vcn.work  可以查看品优购案例

#### 软件
- 代码我们用的是vscode
- 切图,测量工具: photoshop,pxcook,慕客
- 测量工具:Snipaste

#### 安装教程
- 大部分在资料文件夹里都能找到,小部分可以自行搜索资源

#### 使用说明
1. 资料文件夹里面有word版本的笔记,可以一边看,一边找学习代码里面对应的文件,结合着看
2. 实践案例,可以将psd文件导入pxcook,ps,或者在慕客里面测量切图