how2j.cn


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

这就需要经验的积累了。

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

点击进入: 模仿天猫官网

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

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



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




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


最近10个提问
2020-07-12 给button设置和input一样的height和margin之后会把input记下来
123456555




我看天猫官网的搜索是居中的,我就给button设置了和input一样的height和margin,想把button上下撑满div,但是会把左边的input挤下来,就好像input的margin-top变大了。 这个问题就是hyjee在2019-11-19提的问题“为什么调整button的内(外)边距会随之影响input的内(外)边距”。 求站长解答。
div.searchDiv input{
    width:275px;
    height: 36px;
    margin: 1px;
    border: 1px solid transparent;
    outline: none;
}

div.searchDiv button{
    width: 110px;
    height: 36px;
    margin: 1px;
    border:1px solid transparent;
    background-color: #c40000;
    color:white;
    font-size: 20px;
    font-weight: bold;
    outline: none;
}

							


1 个答案

how2j
答案时间:2020-07-13
我觉得是 bootstrap.css 自带的样式导致了本身有一些边距和宽度导致的这个问题,把bootstrap.css 去掉试试呢



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





2020-07-03 这一段代码有什么用
chirs

$(function(){ $("div.productsAsideCategorys div.row a").each(function(){ var v = Math.round(Math.random() *6); if(v == 1) $(this).css("color","#87CEFA"); }); }); </script>




1 个答案

how2j
答案时间:2020-07-04
随机选一个来高亮



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




2020-07-01 问一个与项目无关的问题
2020-06-30 bootstarp.min.css在项目里面但是样式没出来
2020-06-28 问一个与项目无关的问题
2020-06-16 老师这个项目结构是什么样子的啊 哪里可以看?
2020-06-15 样式出不来
2020-06-10 总感觉那个产品列表居中有点难看,闲着没事调了居中
2020-06-03 删除模态框在哪??
2020-06-01 边框问题




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

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

上传截图