摘要：
本次课程主要讲解了网页布局的结构设计原则与CSS浮动布局技术，并进行了实操练习。 小结： 网页布局的结构设计原则 布局的核心是“先分大块，再分小块”，即先将页面划分为几个主要功能区域（如上中下），再在这些大区域内进行细分。 结构的搭建应遵循包含与嵌套的关系，例如，一个大容器（parent）包含多个并 阅读全文
posted @ 2026-07-09 17:58
宋佳铖
阅读(2)
评论(0)
推荐(0)
摘要：
布局的原则 原则：先分大块，再分小块，先横再竖 例：上下布局边框线设置（示例代码如下） </body> 阅读全文
posted @ 2026-07-09 17:58
宋佳铖
阅读(2)
评论(0)
推荐(0)
摘要：
盒模型的三层嵌套 h1默认padding默认为0 内边距（padding）： 1.上下一样 左右一样 2.padding后面通常跟两个参数（上下，左右）上下<左右 3.多行文本的垂直居中，可以使用padding设置相同的上下边距来实现 添加边框： border:1px solid,red #注意：顺 阅读全文
posted @ 2026-07-09 17:56
宋佳铖
阅读(1)
评论(0)
推荐(0)
摘要：
HTML 无语义容器标签整理（div /span） 一、核心作用 div、span 本身无任何语义，仅作为纯粹承载内容的元素块，专门用于： CSS 布局、样式包裹 JS 获取元素、绑定事件、操作节点 二、两者核心区别 块级元素 block 默认独占一行，前后自动换行 宽高、内外边距全部生效 行内 / 阅读全文
posted @ 2026-07-09 17:55
宋佳铖
阅读(1)
评论(0)
推荐(0)
摘要：
3.31图像的插入 (一)插入的方法：中输入 (二)分析img标记 1.是单标记 2.样式的格式：（img是选择器） 选择器（属性1：属性值1，属性2：属性值2...） 3.块元素block(后面自带换行 可以指定尺寸) 行元素inline(不能指定尺寸img) 行内块元素inline-block( 阅读全文
posted @ 2026-07-09 17:53
宋佳铖
阅读(3)
评论(0)
推荐(0)
摘要：
一、HTML 转义字符（特殊符号） 常用实体字符 < → 页面显示左尖括号 < > → 页面显示右尖括号 > 用途：想要在网页原样输出这类标签符号时，不能直接写 <>，要用转义字符，避免浏览器识别成 HTML 代码。 换行标签 ：强制文字换行，单标签。 二、超级链接标签（本节课重点） 核心属性 hr 阅读全文
posted @ 2026-07-09 17:52
宋佳铖
阅读(4)
评论(0)
推荐(0)
摘要：
文本控制标记 文本相对于图像的优势和劣势 优势： 1.表达语义清晰准确 2.占用体积少 劣势： 1.美观性不足 2.排版复杂 阅读全文
posted @ 2026-07-09 17:51
宋佳铖
阅读(3)
评论(0)
推荐(0)
摘要：
本次课程主要讲解了CSS字体设置、服务器字体的使用方法，并重点介绍了通过JavaScript实现动态改变网页样式的交互功能。 小结 CSS字体设置 •font-family: 用于设置字体，可设置多个字体，以备备选。中文和英文需分别设置。 •font-weight: 用于设置字重，可取normal、 阅读全文
posted @ 2026-07-09 17:47
宋佳铖
阅读(1)
评论(0)
推荐(0)
浙公网安备 33010602011771号