下面这是真正的京东首页,与本次静态页面的不同是添加了部分照片,大家实战联系的时候可以分出一块区域添加图片
4.最后都是每个网站的页脚部分,主要是介绍一下自己还有就是合作方,部分代码如下,这些文字都是可以改掉的,这只是个简单的模板
.CSS部分
.w { /* 版心的公共类 */
width: 1190px; /* 京东的版心是 1190 */
margin: 0 auto;
}
.fl { /* 浮动的公共类 */
float: left;
}
.fr {
float: right;
}
a {
text-decoration: none; /* 取消下划线 */
font-size: 12px;
color: #999;
}
a:hover {
color: #c81623;
}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{
margin: 0;
padding: 0;
}
input,button {
border: 0;
outline: none; /* 取消轮廓边框 */
}
ul {
list-style: none;
}
body {
background-color: #f6f6f6;
}
.f10{
color: #f10215!important;
}
@font-face { /* 声明字体 */
font-family: ‘icomoon’;
src: url(‘…/fonts/icomoon.eot?8qhwk5’);
src: url(‘…/fonts/icomoon.eot?8qhwk5#iefix’) format(‘embedded-opentype’),
url(‘…/fonts/icomoon.ttf?8qhwk5’) format(‘truetype’),
url(‘…/fonts/icomoon.woff?8qhwk5’) format(‘woff’),
url(‘…/fonts/icomoon.svg?8qhwk5#icomoon’) format(‘svg’);
font-weight: normal;
font-style: normal;
}
/* header部分 */
header {
height: 80px;
background-color: #020000;
}
/* 快速导航栏begin */
.shortcut {
height: 30px;
line-height: 30px;
background-color: #e3e4e5;
border-bottom: 1px solid #ddd;
}
.city {
margin-left: 200px;
}
.shortcut li {
float: left;
}
.shortcut i {
font-family: “icomoon”;
font-style: normal; /* 让倾斜的不倾斜 */
color: #ccc;
}
.space { /* 小竖线 */
width: 1px;
height: 10px;
background-color: #ccc;
margin: 10px 12px 0; /* 上 10 左右是 12 下是 0 */
}
.mobile {
position: relative;
}
.mobile img {
position: absolute;
left: -3px;
top: 24px;
border: 1px solid #ccc;
padding: 3px;
}
静态网页得图片
将本静态网页中用到的照片放在下面,供大家使用
总结
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
893281760)]
[外链图片转存中…(img-n418gCwP-1715893281760)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!