title: 01-CSS基础练习:JD首页的制作(顶部和底部) publish: true 前言 京东是典型的电商类网站,学习这个网站的制作比较有价值。我们准备用WebStorm进行开发。 京东首页的截图为: 页面规划:新建一个空的工程 我们首先新建一个空的工程: CSS初始化(基本样式) 京东网站有一些基本样式,在各个页面中都要用到:(将这些基本样式copy到css.base里面去) base.css中的公共的部分: 上方代码解释: (1)清除浮动的方式: 这是如今比较流行的清除浮动的方式。比如小米官网就是采用的这种。 (2)其他属性: 我们给 等标签设置了 ,意思去掉轮廓(比如去掉输入框外面的蓝边框,去掉之后,蓝色没有了,但是黑色依然存在)。去掉的原因是:首先,轮廓不好看;