how2j.cn


工具版本兼容问题
学习完了前端的HTML CSS JavaScript等各项技术之后,会有一个感慨,各个知识点分开都不难,但是要做出一个成型的,好看的,时尚的网页,就无从下手。

这就需要经验的积累了。

本项目是一个十分接近天猫官网的网站

点击进入: 模仿天猫官网

本项目90%的内容是由纯 Html CSS和JQuery完成,你可以学习到如何使用最原本的html和css完成天猫这样量级的前端效果。

学习本项目过程中,能够学习到如何考虑布局,细节怎么处理,积累宝贵的前端项目经验
面试的时候,多一项谈资多一层砝码多一些薪水



7分56秒
本视频采用html5方式播放,如无法正常播放,请将浏览器升级至最新版本,推荐火狐,chrome,360浏览器 如果装有迅雷,播放视频呈现直接下载状态,请调整 迅雷系统设置-基本设置-启动-监视全部浏览器 (去掉这个选项)




HOW2J公众号,关注后实时获知最新的教程和优惠活动,谢谢。


最近10个提问
2020-02-16 站长我是昨晚提问父子元素大小问题的,我把代码贴出来。请帮我看看。
kkkk111




当子元素的display为block和inlin-block时对父元素的影响不同。 我之前问的一个问题:在表格的tr 里,td 中的a 的display 分别为block 和inline-block 时对tr 也有不同的影响

<style>
body{
    margin: 0;
    background-color: white;
    padding: 0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
div.parent{
  width: 100px;
  padding: 10px 0;
  background-color: rgb(233, 41, 41);
}
div.son{
  display: inline-block;
  width: 100px;
  height: 80px;
  background-color: lightskyblue;
}
</style>

<div class="parent">
  <div class="son"></div>
</div>

							


3 个答案

how2j
答案时间:2020-02-18
ie 的表现和其他浏览器都不太一样,这个也是业界很头疼的事情,能够规避ie尽量规避,会烦死个人的~

kkkk111
答案时间:2020-02-17
站长,我打开你的代码看过去,看到你显示出来的情况是:父div的padding-top是padding-bottom的两三倍。 而我用IE浏览器打开你的代码,跟我在网站上看到的不一样。padding-top和padding-bottom又不一样。 可能是浏览器的关系吧,我到时候用chrome试一试

how2j
答案时间:2020-02-17
按照你说的,我做了些改动,同时显示block和 inline-block: http://how2j.cn/code/469 并没有区别呢。 我用的浏览器是 chrome,或许和浏览器有关?



回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2020-02-16 首页页面整合咋那么多代码啊?
a2b

怎么登录注册的也揉进去了?把首页的各个小部分做完整合在一起只有1000行左右啊,老师怎么弄那么多代码啊???







回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到




2020-02-15 父元素内子元素display问题,站长看到可以帮忙解解惑吗
2020-02-14 关于旺旺图标的那个div
2020-02-13 请问在加了padding后还能让左侧贴在边上?谢谢
2020-02-12 一直用电脑登 想用手机看会被封号吗
2020-02-10 请问老师$(".cartProductItemIfSelected[selectit='selectit']").each()
2020-02-03 样式详解一处小错误
2020-01-28 站长你好,问题:按照你的代码,页脚一下面五个浮动的div没有居中啊,看图
2020-01-27 我分类页面写的html不小心弄丢了o(╥﹏╥)o,现在只剩下css和JS,




提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
关于 实践项目-天猫前端-项目简介 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 982790551
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
在已经存在的几千个提问里,有相当大的比例,是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本,可以节约自己大量的学习时间。 站长把教学中用的软件版本整理了,都统一放在了这里, 方便大家下载: https://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图