摘要：
Flex布局 容器属性 (1) display: flex 将一个元素设置为 Flex 容器。 默认情况下，子元素会水平排列。 (2) flex-direction 定义主轴的方向（即子元素的排列方向）。 可选值： row ：默认,子元素沿水平方向从左到右排列。 column :子元素沿垂直方向从上 阅读全文
posted @ 2026-07-09 18:04
宋佳铖
阅读(2)
评论(0)
推荐(0)
摘要：
想要搭建内容丰富的网页，仅靠基础文本标签远远不够，HTML提供了多媒体、超链接、列表等实用标签，可实现页面跳转、图片展示、音频视频播放、规整内容排版，是静态页面开发的核心常用知识点。 超链接标签 是网页互联互通的核心。href属性指定跳转地址，可跳转外部网址、本地页面、图片文件。新增 target= 阅读全文
posted @ 2026-07-09 18:04
宋佳铖
阅读(2)
评论(0)
推荐(0)
摘要：
CSS定位与布局教学 本次课程主要讲解了CSS定位、背景固定及JS倒计时的实现方法，并布置了相关的实践任务。 小结 CSS定位与背景固定 •定位原理: 介绍了使用position属性进行定位，特别是left/right/top/bottom的百分比定位方式。当定位元素有自身宽度/高度时，50%的定位 阅读全文
posted @ 2026-07-09 18:03
宋佳铖
阅读(2)
评论(0)
推荐(0)
摘要：
Web课堂笔记：表格布局 + JS鼠标切换选项卡 一、HTML表格基础知识点 1. 表格核心标签 - <table>：表格外层容器；<tr>代表一行；<td>代表单元格。 2. table基础属性 - width：设置表格整体宽度；border="0" 隐藏原生边框； - cellspacing=" 阅读全文
posted @ 2026-07-09 18:02
宋佳铖
阅读(2)
评论(0)
推荐(0)
摘要：
1.设置定位的⽅式：属性名： position 2.常⻅属性值： 固定定位 fixed 相对定位 relative 绝对定位 absolute 3.设置偏移值： 开启定位后的元素可以通过以下属性进⾏移动。 偏移值设置分为两个⽅向，⽔平和垂直⽅向各选⼀个使⽤即可 屏幕截图 2026-07-06 145 阅读全文
posted @ 2026-07-09 18:02
宋佳铖
阅读(3)
评论(0)
推荐(0)
摘要：
label标签 定义和用法 标签为 input 元素定义标注（标记）。 label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。 标签的 for 属性 阅读全文
posted @ 2026-07-09 18:02
宋佳铖
阅读(2)
评论(0)
推荐(0)
摘要：
.son{ width: 100px; height: 100px; background-color: blue; } 代表起始位置在父级框的左上角 margin: 100px aut o 0; 边框距离上面是100px 左右距离一样在中间 边框距离下面是0 3.注意 ①：如果设置的像素是负数 ② 阅读全文
posted @ 2026-07-09 18:01
宋佳铖
阅读(2)
评论(0)
推荐(0)
摘要：
Web 课堂笔记：CSS 基础选择器 一、本节课核心：CSS 基础选择器 标签指定选择器（交集选择器） 语法：标签名.class名 / 标签名#id名，中间不能有空格，比如h3.special、p#one。 作用：只给「指定标签 + 指定类 / ID」的元素设置样式，实现更精准的选择。 后代选择器 阅读全文
posted @ 2026-07-09 18:00
宋佳铖
阅读(3)
评论(0)
推荐(0)
摘要：
结构组成 外层容器（视口：overflow:hidden，只显示一张图区域） 图片滑动容器（存放所有图片，横向排列） 图片项（每张轮播内容） 控制按钮：左/右切换箭头、底部小圆点指示器 自动播放定时器 实现三大方案 CSS3 动画/transition 过渡轮播（简易，无复杂逻辑） JS 控制位移（ 阅读全文
posted @ 2026-07-09 18:00
宋佳铖
阅读(2)
评论(0)
推荐(0)
摘要：
弹性布局 一、基础概念 \1. 开启弹性布局的元素叫弹性容器，容器内直接子元素叫弹性项。 \2. 弹性布局分为两条轴：主轴、侧轴。 \3. 默认主轴水平向右，侧轴垂直向下；修改主轴方向会同步改变侧轴。 二、容器属性（写在父元素） \1. display flex：块级弹性容器，独占一行 inline 阅读全文
posted @ 2026-07-09 17:59
宋佳铖
阅读(3)
评论(0)
推荐(0)
浙公网安备 33010602011771号