# html-css-tutorial-youlu-pc-mobile-site-final
**Repository Path**: jsjliu/html-css-tutorial-youlu-pc-mobile-site-final
## Basic Information
- **Project Name**: html-css-tutorial-youlu-pc-mobile-site-final
- **Description**: 关于本教程通过一个PC端和一个移动端网上书城案例,穿插讲解CSS3中重要的知识点。每个页面子模块均采用手把手一步一步的方式进行代码编写。本教程不覆盖所有的CSS知识点,对于知识点的讲解秉承宁缺毋滥的原则。大家都知道有一个二八原则,即平时工作中80%最常用的知识点占全部知识点总量的20%。豆约翰就讲这20%最常用的知识点,让大家用最短的时间,从0基础到基本掌握PC端和移动端网站制作方法。本系列教程的特点就是入门快速。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://www.songbo.info/
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 3
- **Created**: 2022-03-15
- **Last Updated**: 2022-06-24
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
## 关于本教程
通过一个PC端和一个移动端网上书城案例,穿插讲解CSS3中重要的知识点。
每个页面子模块均采用手把手一步一步的方式进行代码编写。
本教程不覆盖所有的CSS知识点,对于知识点的讲解秉承宁缺毋滥的原则。
大家都知道有一个二八原则,即平时工作中80%最常用的知识点占全部知识点总量的20%。豆约翰就讲这20%最常用的知识点,让大家用最短的时间,从0基础到基本掌握PC端和移动端网站制作方法。
本系列教程的特点就是入门快速。
## 免费配套视频教程
[免费配套视频教程](https://www.bilibili.com/video/BV1pk4y1B7p5/)
## 教程配套源码资源
[教程配套源码资源](https://gitee.com/kamiba/html-css-tutorial-youlu-pc-mobile-site-final)
## 贯穿本教程的2个案例
### 有路网PC端主页

### 有路网移动端主页

## 有路网官网
[有路网PC端官网](https://www.youlu.net/)
[有路网移动端官网](https://m.youlu.net/)
## 本教程案例在线演示
[有路网PC端](https://kamiba.gitee.io/html-css-tutorial-youlu-pc-mobile-site-final/10-youlu-site/youlu-whole.html)
[有路网移动端](https://kamiba.gitee.io/html-css-tutorial-youlu-pc-mobile-site-final/11-youlu-mobile-site/youlu-mobile-site.html)
## 页面模块手把手一步一步制作




## PC页面手把手一步一步制作










## 移动端页面手把手一步一步制作











