前端---京东案例小细节笔记
小细节1:获取各网站的网站图标 网站地址+/favicon.ico
下载
京东:www.jd.com/favicon.ico 能下载京东图标
所有:网站名(带www.)/favicon.ico 下载所有网站的图标
引入
<link rel="shortcut icon" href="favicon.ico"/>
网站名:bitbug.net 自定义小图标
<link rel="shortcut icon" href=" favicon.ico" />
小细节2 :三角小图标
小细节3:设置文字之间的分割线
方法一:<span>|</span>
方法二:
小细节4: 输入框的组成
方法1:input + button
方法2: 盒子压盒子 ,缝隙造成边框
细节5:输入框中的字,光标输入字体时会自动消失。
细节6:购物车小图标(小车为图片,小三角同细节一同理,这里主要看显示数量的小气球)
细节7 :商品展示盒子的样式。
细节8 : 图片切换时 要用到的小图标
细节9: 虚线 ,点线的分割线
细节10:小盒子分隔后装入大盒子内。
(之后将继续补充)