菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 李扬敏-20221020-css项目实战 [打印本页]

作者: 王源的李可爱 时间: 2022-10-21 00:57
标题: 李扬敏-20221020-css项目实战
一。今日学习内容
项目实战内容：
1.在外部写入通用样式。命名base.css
2.新建list.html文件
3.用link将base样式导入
4.下载自己需要的图标，导入文件夹，将图标用link引入到list页
5.建立comm.css，存储公共样式
6.建立list.css用来放list页面的样式，并且用link导入list页面
7.建立image文件夹将所需的照片全部导入
8.在list页面开始编写代码
9.先写顶部导航栏的登录和分类，分别用两个div包含
10.在写。头部的logo搜索购物车，热词部分，用相对定位和绝对定位布局
11.然后写商品列表的主体部分，用三个ul标签
12.查询结果列表的显示，分左右两个部分，用ul标签和li标签，样式基本相同
13.最后写脚部，用几个div包裹，然后设置具体样式

14.最后整体对页面进行微调，让其变得更加完美

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)