# css实战阶段一
### 苏宁易购 

#### 顶部导航栏：

![image-20210223180523455](E:\web\lessons\课件\csspress\css实战(一).assets\image-20210223180523455.png)



说明： 写完顶部导航条以后需要加上下面的白色下拉框的内容  本阶段可以一直显示

### 白色的标题搜索栏

![image-20210223181949796](E:\web\lessons\课件\csspress\css实战(一).assets\image-20210223181949796.png)



### 分类

![image-20210223182049992](E:\web\lessons\课件\csspress\css实战(一).assets\image-20210223182049992.png)



### 热卖爆款

![image-20210223182258454](E:\web\lessons\课件\csspress\css实战(一).assets\image-20210223182258454.png)


### 冰箱洗衣机

![image-20210223182345438](E:\web\lessons\课件\csspress\css实战(一).assets\image-20210223182345438.png)



### 底部导航

![image-20210223182428924](E:\web\lessons\课件\csspress\css实战(一).assets\image-20210223182428924.png)



### 固定的侧边栏

![image-20210223182524394](E:\web\lessons\课件\csspress\css实战(一).assets\image-20210223182524394.png)