摘要：
Web期末笔记：表格 + 表单完整知识点 一、表格 table 基础标签 • ：表格容器 • ：表格一行 • ：普通单元格 • ：表头单元格，文字默认加粗居中 基础结构 姓名 分数 小明 90 2. 细线表格核心代码（必考） table { border-collapse: collapse; /* 阅读全文
posted @ 2026-07-09 00:20
yangyazhao
阅读(8)
评论(1)
推荐(1)
摘要：
Web期末笔记：图片与视频添加方法 一、插入图片 img 标签 基础语法 • src：必填，填写图片地址（本地/网络地址） • alt：图片加载失败时显示文字，优化SEO 路径分类 同级文件夹：src="bg.jpg" 下级文件夹：src="images/bg.jpg" 网络图片：src="shtu 阅读全文
posted @ 2026-07-09 00:18
yangyazhao
阅读(13)
评论(0)
推荐(0)
摘要：
Web期末笔记：超链接 使用方法 一、基础语法 显示文字/图片 二、四种常用链接写法 外部网页链接（跳外网） 百度 本地页面跳转（站内页面） 同文件夹直接写文件名： 首页 3. 空链接（暂时无地址，#占位） 暂无链接 4. 锚点链接（页面内跳转） 目标位置设置id：标题 链接href="#id名" 阅读全文
posted @ 2026-07-09 00:17
yangyazhao
阅读(12)
评论(1)
推荐(1)
摘要：
Web期末笔记：字体样式 + 文字居中方法 一、常用字体样式属性 font-size：字号，单位px font-size: 16px; color：文字颜色 color: #333; font-family：字体 font-family: "微软雅黑",sans-serif; font-weight 阅读全文
posted @ 2026-07-09 00:16
yangyazhao
阅读(14)
评论(0)
推荐(0)
摘要：
Web期末考点：细线表格完整制作 一、核心原理 默认表格边框会出现双线，通过 border-collapse: collapse; 合并相邻边框，实现细线效果。 二、完整代码 细线表格 序号 姓名 成绩 1 张三 95 2 阅读全文
posted @ 2026-07-09 00:15
yangyazhao
阅读(10)
评论(0)
推荐(0)
摘要：
Web中CSS三种引入方式（期末考点） 行内样式（内联样式） 写法：直接在HTML标签内添加 style 属性 测试 特点： 只对当前标签生效； 优先级最高； 代码混杂，不方便统一管理，不推荐项目使用。 内部样式（内嵌样式表） 写法：在页面 里写 标签 <head> <style> div{ wid 阅读全文
posted @ 2026-07-09 00:14
yangyazhao
阅读(10)
评论(0)
推荐(0)
摘要：
一、弹性盒子基础概念 组成结构 给父元素设置 display: flex，父元素称为弹性容器，容器内直接子元素自动变为弹性项目。 作用 快速实现元素水平/垂直居中、多元素均分、自适应横向排列，替代传统浮动布局，无高度塌陷问题，是网页导航、卡片布局首选方案。 两根主轴 • 主轴：默认水平方向（row） 阅读全文
posted @ 2026-07-09 00:04
yangyazhao
阅读(26)
评论(0)
推荐(0)
摘要：
HTML：用无序列表 搭建导航结构， 做跳转链接 CSS：清除列表默认圆点、内外边距，横向排列列表项，美化hover鼠标悬浮效果 核心知识点：浮动/弹性布局、清除默认样式、链接伪类 导航栏 首页 新闻 产品 关于我们 联系客服 1. 清除默认样式 list-style: none 去除列表黑点；te 阅读全文
posted @ 2026-07-09 00:02
yangyazhao
阅读(12)
评论(1)
推荐(1)
浙公网安备 33010602011771号