前端京东案例总体思路
2017-12-21 23:14
197 查看
京东案例
1.1 截图 (要一个效果图)
1.2 搭建项目环境 (结构样式行为分离)
一、HTML 核心文件 index.html二、CSS 控制样式
a)base.css(基础样式) b)global.css(全局样式)
三、Image 放图片的文件夹
四、JS 音频视频.....
1.3 站点
站点 == 项目== 项目文件夹
== (根目录)
1.4 引入图标
一、下载京东:www.jd.com/favicon.ico 能下载京东图标
所有:网站名(带www.)/favicon.ico 下载所有网站的图标
二、引入
<link
rel="shortcut icon"
href="favicon.ico"/>
网站名:bitbug.net
<link rel="shortcut icon" href=" /favicon.ico" /> 绿色部分删掉
1.5 小知识
font : 加粗 字号/行高 格式; 行高如果不写,默认为0;u ins 下划线
i em 倾斜
s del 删除线
font-weight: normal; 加粗变正常
font-style: normal; 倾斜变正常
text-decoration: none; 下划线删除线变正常
outline-style: none; 去除蓝色外边框
resize: none; 禁止文本框拖拽
1.6 京东结构布局
1.7 权限问题
1.8 盒子稳定性
一、只给宽高的盒子(宽/高度剩余法)二、给padding的盒子
三、给margin的盒子
1.9 量取盒子高度
1.10 模拟鼠标
cursor: pointer; 鼠标变成小手cursor: move; 鼠标变成四角箭头
cursor: text; 鼠标变成工形插入条光标
cursor: default; 鼠标变成小白
1.11 文字居中问题
1.text-align:center;
2.padding-left/padding-right;
3.定位、margin.......
相关文章推荐
- Html、Flex、Android、JavaGUI、IOS前端开发的总体思路比较
- 前端案例分享:京东电梯式轮播
- 前端小案例分享:京东电梯式导航制作
- 前端---京东案例小细节笔记
- web前端案例-纯css代码制作吃豆豆加载效果
- HL AsySocket 服务开发框架 - 总体思路与架构
- web前端小案例-超级css制作七彩圆环旋转幻影
- 京东2018秋招前端笔试编程题
- web前端基础案例-简短代码制作爱奇艺首页导航轮播特效
- Linux 键盘驱动总体思路
- 糗事百科前端后台android小案例整理
- 前端大文件上传思路
- 从案例分析如何优化前端性能
- 前端实现消息侦听发送的一点小思路
- git如何实现增量上线 实现前端资源增量式更新的一种思路
- web前端学习日记11----继续angular开发京东购物车
- 【前端】Vue2全家桶案例《看漫画》之二、完成首页基本样式
- 【龙印】用龙芯1c实现3D打印机的总体思路
- 华为拓扑--小型公司案例实施和思路
- 打造前端自动化编译环境(思路)