前端京东案例总体思路
来源:互联网 发布:软件登记证书查询 编辑:程序博客网 时间:2024/06/01 10:03
京东案例
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 下载所有网站的图标
二、引入
<linkrel="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.......
- 前端京东案例总体思路
- Engine总体设计思路
- 运营之-------------总体思路
- hibernate 总体思路
- 需求与总体思路
- 性能评估思路总体
- ViewPager设计总体思路
- rtems总体设计思路
- 前端案例分享:京东电梯式轮播
- 前端---京东案例小细节笔记
- 网站策划的总体思路
- web开发的总体思路
- 文档在线预览:总体思路
- Linux 键盘驱动总体思路
- ORM尝试一 总体思路
- Bonjour聊天室的总体思路
- 一、BIM建设总体思路
- 前端小案例分享:京东电梯式导航制作
- 密码学原理_Crypto++实现3DES加密
- ConcurrentHashMap从1.7-1.8变化
- andfix热修复之生成dex文件
- 据说,很多程序员都没看过这些......
- 2017.12.21
- 前端京东案例总体思路
- mybatis学习笔记
- python 元组 字典 列表的区别
- 得到FileProvider返回后的URI,后续处理
- vuejs实现升级无缝轮播图效果
- ajax上传JSON格式的多维数组的方法
- NDK重新编译so库
- PIC心得(1)
- PHPStorm汉化