温州教育影院-瑞安市职业中等专业教育集团学校-CSS盒模型-02 CSS盒模型操作案例之HTML元素编写

02 CSS盒模型操作案例之HTML元素编写 0.0（0人评）
浏览次数：2863 收藏次数：0 上传时间：2023-09-29 17:02:44

下载

Hi, 我是AI学习小助手, 点击生成课程大纲

Hi, 我是AI学习小助手, 已为您生成课程大纲

00:00:01

案例背景与效果展示

介绍本次课程的主题为瑞安小食网页的制作，列举了瑞安小食的主要食物种类，并指出网页结构在内容上具有相似性。
00:00:18

网页结构分解与任务划分

将网页内容分为三个部分：小时名称、图片与描述，并将其对应到三个任务：HTML 元素编写、CSS 样式美化和样式优化。
00:00:45

HTML 元素编写任务详解

详细说明如何在 HTML 文件中添加无语义标签 div 和 span，构建页面基本结构并命名类名。
00:01:02

图片与文本内容添加演示

讲解如何根据注释找到代码位置，并依次添加类名为 sn-item-mc、sn-item-img、sn-item-ms 的 div 标签，分别用于显示名称、图片和描述信息。

本视频介绍了如何使用HTML和CSS制作瑞安小食网页案例，包括HTML元素编写、CSS样式美化与优化的全过程。

课程名称：CSS盒模型

责任教师：张良单位机构：瑞安市职业中等专业教育集团学校

课程简介：

前端开发从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。