ntdj

摘要： 一、案例需求 利用表格搭建登录/注册选项卡布局，鼠标悬浮标签自动互换两个按钮背景图，实现高亮选中效果，下方通栏展示一张背景大图。 二、完整源代码 选项卡切换 登录 注册 三、知识点梳理 1、HTML表格知识点 table属性：border="0"去掉边框、cellspacing="0"单元格间距清零 阅读全文

摘要： 一、底部背景固定（CSS） 核心属性 background-image：引入背景图片 background-repeat: repeat-x：图片沿水平方向平铺 background-position: left bottom：背景定位在页面左下角 background-attachment: fi 阅读全文

摘要： 一、CSS文本外观属性汇总 本节课重点讲解了控制文本显示效果的核心CSS属性，这些属性直接影响网页文字的排版与可读性。 属性名 作用说明 常用取值 color 设置文本颜色 颜色名/十六进制/RGB值 letter-spacing 字符间距控制 像素值(px)/em word-spacing 单词间 阅读全文

摘要： CSS 样式代码 JavaScript 交互代码 完整可运行 HTML 代码 动态修改CSS样式 动态变色盒子 切换颜色 <script> function hello(){ let divs=document.getElementsByClassName('bg'); if(divs[0].cla 阅读全文

摘要： 一、盒模型核心概念 CSS盒模型是HTML元素布局的核心基础，所有HTML元素都可以看作一个「盒子」，由从外到内4层结构组成，是网页排版的底层逻辑。 二、四层结构详解（从外到内） 层级 英文名称 中文名称 核心作用 关键特性 背景色覆盖 1（最外层） margin 边界/外边距 控制当前元素与其他元 阅读全文

摘要： 一、本节课学习内容 认识空链接及其作用 为空链接设置彩色样式（赤橙黄绿青蓝紫） 为多个标题分组设置不同 CSS 样式 二、空链接知识点 什么是空链接 在 标签中，href="#" 就是空链接。 它看起来是链接，但不会跳转到其他页面。 空链接的作用 • 页面占位，先做结构，以后再填真实地址 • 配合 阅读全文

摘要： 📌 一、HTML 图片路径知识点 这是网页开发里的高频考点，记住三种场景的写法： 图片与网页文件同文件夹 直接写文件名即可： html 图片在网页文件的下一级文件夹 格式： 文件夹名/文件名 html 图片在网页文件的上一级文件夹 格式： ../文件名 ，多级目录就叠加 ../ html 📌 二 阅读全文

摘要： 一、实验目标 掌握CSS外部样式表的创建、引入与复用，实现网页样式的统一管理，完成主页与子页的样式同步设置。 二、操作步骤&代码实现 项目初始化 • 新建项目：项目名 mySite，存储路径为 D盘根目录 • 项目结构： D:\mySite ├─ index.html （主页） ├─ sub.htm 阅读全文

摘要： 一、HTML5基础页面结构 标准9行代码结构 一个最精简、可运行的HTML5页面由以下9行核心代码构成： 页面标题 页面可见内容 2. 核心5对标记的关系 • 根标签 ：包裹整个页面，是所有标签的容器 • 头部标签 ：包含页面元信息（如编码、标题），不直接显示在页面中 ◦ ：定义字符编码、视口等元数 阅读全文

摘要： HTML、CSS与JS 前端基础入门笔记 目录 一、三者核心作用 二、三者关系与类比 三、关键知识点补充 四、极简实践示例 五、总结 一、三者核心作用 1. HTML：网页骨架 全称：HyperText Markup Language（超文本标记语言） 作用：定义页面结构与内容（标题、段落、按钮、图 阅读全文