# ss-web **Repository Path**: sansheng93/ss-web ## Basic Information - **Project Name**: ss-web - **Description**: 前端知识巩固与案例练习. - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2021-03-25 - **Last Updated**: 2021-06-24 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # ss-web #### 介绍 前端知识巩固与案例练习. #### 目录 ##### [HTML5](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/html5) [01 - vscode | 创建页面](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/html5/01%20-%20vscode%E5%88%9B%E5%BB%BA%E9%A1%B5%E9%9D%A2.html) [02 - list | 列表](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/html5/02%20-%20list.html) [03 - table | 表格](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/html5/03%20-%20table.html) [04 - form | 表单](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/html5/04%20-%20form.html) ##### [CSS3](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/css3) [01 - intro | 介绍](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/css3/01%20-%20intro.html) [02 - emmet | 快捷语法](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/css3/02%20-%20emmet.html) [03 - background | 背景](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/css3/03%20-%20background.html) [04 - selector-basic | 基础选择器](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/css3/04%20-%20selector-basic.html) [05 - selector-composite | 复合选择器](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/css3/05%20-%20selector-composite.html) [06 - display-mode | 显示模式](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/css3/06%20-%20display-mode.html) [07 - three-characters | 三大特性: 层叠, 继承, 优先级](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/css3/07%20-%20three-characters.html) [08 - box | 盒子模型](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/css3/08%20-%20box.html) [09 - border-radius | 圆角边框](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/css3/09%20-%20border-radius.html) [10 - shadow | 阴影](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/css3/10%20-%20shadow.html) [11 - float | 浮动](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/css3/11%20-%20float.html) [12 - location | 定位](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/css3/12%20-%20location.html) [13 - show or hidden | 显示隐藏](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/css3/13%20-%20show%20or%20hidden.html) [14 - advanced | CSS3 进阶](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/css3/14%20-%20advanced.html) [15 - HTML5 & CSS3 new character | H5 CSS3 新特性](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/css3/15%20-%20H5C3-new%20character.html) [16 - SEO | 搜索引擎优化](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/css3/16%20-%20SEO.html) [17 - CSS3-2D transform | CSS3 2D 转换](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/css3/17%20-%20C3-2D%20transform.html) [18 - CSS3-animation | CSS3 动画](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/css3/18%20-%20C3-animation.html) [19 - CSS3-3D transform | CSS3 3D 转换](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/css3/19%20-%20C3-3D%20transform.html) [20 - CSS3-compatibility | CSS3 浏览器兼容性](https://gitee.com/sansheng93/ss-web/blob/master/html5-css3/css3/20%20-%20C3-compatibility.html) ##### 练习案例 [01 - 基础HTML元素](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/html5/demo) [02 - 新浪头部导航栏](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/css3/demo-sina-nav) [03 - 彩色导航栏](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/css3/demo-colorful-nav) [04 - 小米商城侧边栏](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/css3/demo-xiaomi-sidebar) [05 - 小米商城商品盒子 (4个案例)](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/css3/demo-xiaomi-item) [06 - 购物海报](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/css3/demo-poster) [07 - 小米商城横幅](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/css3/demo-xiaomi-hero) [08 - 网页常用布局](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/css3/demo-usual-layout) [09 - 仿学成在线主页](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/css3/demo-xczx) [10 - 土豆视频遮罩](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/css3/demo-tudou-mask) [11 - 3D 变换的导航栏和相册](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/css3/demo-3d) #### [移动端WEB开发](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/webapp) [01 - viewport | 视口](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/html5/01%20-%20viewport.html) [02 - pixel-ratio | 像素比](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/html5/02%20-%20pixel-ratio.html) [03 - scheme | 移动端开发方案](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/html5/03%20-%20scheme.html) [04 - layout | 移动端常用布局](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/html5/04%20-%20layout.html) [05 - less | css预处理技术](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/html5/05%20-%20less.html) ##### 练习案例 [01 - 仿京东商城移动端首页 (流式布局)](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/webapp/demo-m-jd) [02 - 仿携程网移动端首页 (Flex布局)](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/webapp/demo-m-ctrip) [03 - 仿苏宁易购移动端首页 (rem适配)](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/webapp/demo-m-suning) [04 - 仿苏宁易购移动端首页 (flexible适配)](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/webapp/demo-m-flexible) #### 商城项目 [叁昇购(SsMall)](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/ss-mall) #### 相关文件 [lib-flexible-2.0](https://gitee.com/sansheng93/ss-web/tree/master/html5-css3/webapp/lib-flexible-2.0)