# JD-Index-HTML5-CSS3 **Repository Path**: MagicWingMI/JD-Index-HTML5-CSS3 ## Basic Information - **Project Name**: JD-Index-HTML5-CSS3 - **Description**: 一个刚开始学习完初级HTML5阶段的练习项目,是京东首页的一部分,这是一个启蒙! - **Primary Language**: HTML - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-06-23 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## JD首页(部分) #### 一:项目描述 ​ 这是学习完初级的HTML5+CSS3时做的一个简单的京东一部分首页 ​ 作为练习使用 ​ 项目让我第一次学习到了公共初始化CSS ​ 以及如何使用阿里矢量图标,第一次认识到了图标字体这个概念,感受到了图标字体的强大 ​ 还学习到了如何下载网站图标和设置网站图标 #### 二:项目结构 ​ ``` │ .project │ favicon.ico │ index.html │ 京东首页预览图.png │ ├─CSS │ base.css │ index.css │ ├─download │ └─font_612952_3mlvgltv2bg9zfr │ demo.css │ demo_fontclass.html │ demo_symbol.html │ demo_unicode.html │ iconfont.css │ iconfont.eot │ iconfont.js │ iconfont.svg │ iconfont.ttf │ iconfont.woff │ └─images buttom-img.png china.png close-banner.png fly.png gh.png img1.png img2.jpg logo.png map.png pic1.jpg pic2.jpg pic3.jpg pic4.jpg pic5.jpg slide.jpg slider.jpg slogan1.png slogan2.png slogan3.png slogan4.png subbanner.jpg tel.png top-banner.jpg ``` #### 三:项目预览 ![首页预览图](https://github.com/AprildreamMI/Progect-Images/blob/master/JD-HTML5/%E4%BA%AC%E4%B8%9C%E9%A6%96%E9%A1%B5%E9%A2%84%E8%A7%88%E5%9B%BE.png)