【网页前端】CSS进阶-综合案例3定位重构(二)

简介: 本期主要介绍CSS进阶-综合案例3定位重构

2.3 代码实现


image.png

image.png

image.png

image.png

image.png

3. 综合案例 3:商品广告页(主练案例)


3.1 需求说明


如图,编写生成商城的 居中 商品广告页

image.png

提示:使用 table 更简单。

3.2 需求分析


image.png

image.png

4. 综合案例 4:信息介绍版(主练案例)


4.1 需求说明


如图:使用 table div 结合,完成以下效果

image.png

4.2 需求分析


该分析由学生自己独立完成。

相关文章
|
2月前
|
人工智能 自然语言处理 前端开发
DeepSite:基于DeepSeek的开源AI前端开发神器,一键生成游戏/网页代码
DeepSite是基于DeepSeek-V3模型的在线开发工具,无需配置环境即可通过自然语言描述快速生成游戏、网页和应用代码,并支持实时预览效果,显著降低开发门槛。
604 93
DeepSite:基于DeepSeek的开源AI前端开发神器,一键生成游戏/网页代码
|
2月前
|
前端开发 JavaScript 安全
|
2月前
|
前端开发
|
2月前
|
前端开发
|
2月前
|
前端开发 JavaScript
|
2月前
|
XML 前端开发 JavaScript
|
2月前
|
前端开发 容器
|
4月前
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
115 1
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
|
8月前
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
628 14
|
8月前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
135 0