- 博客(21)
- 收藏
- 关注
RSS订阅原创 JavaScript篇--DOM节点的创建与插入
页面初始包含三个<p>标签，通过 JavaScript 完成一系列节点操作：首先创建一个<p>元素节点、一个文本节点（内容为 "我是用 Javascript 创建的新节点"）和一个 class 属性节点（值为 "hello world"）；接着将文本节点添加为<p>元素的子节点，为<p>元素设置 class 属性，并将配置好的<p>元素插入到<body>中；最后获取 id 为 "p3" 的段落节点并将其从<body>中删除。最终页面会新增一个带特定 class 的段落，同时移除原有的 "我是段落 3"。
2025-09-13 19:16:50
143
原创 JavaScript篇--Dom节点的属性修改
这段代码是一个演示 DOM 节点属性修改方法的页面，包含 4 个<p>标签（其中后两个有 id，且第 4 个有多个 class）和 1 个<img>标签。通过内嵌 JavaScript 进行了三组属性操作实验：首先获取 id 为 "p3" 的段落节点，查看并修改其 class 和 id 属性，展示基本属性的读写方法；其次操作 id 为 "p4" 的段落节点，通过 classList 对象进行 class 的添加（add）、移除（remove）和检查（contains）操作，演示类名的精细化管理；
2025-09-13 19:04:09
167
原创 JavaScript篇--Dom节点的获取
这段代码是一个演示 DOM 节点获取方法的演示页面，页面中包含三个 class 为 "pp" 的<p>标签（其中第三个有 id="p3"）。通过内嵌 JavaScript，分别使用五种常用方法获取这些节点并在控制台输出结果：用 getElementsByTagName ("p") 通过标签名获取所有<p>节点（返回类数组）；用 querySelectorAll (".pp") 通过 CSS 选择器获取所有匹配节点（返回 NodeList 对象）；通过控制台输出可清晰对比不同获取方法的返回结果差异。
2025-09-13 18:56:36
333
原创 JavaScript篇--Dom节点的相关操作
这段代码是一个演示 DOM 节点操作的简单 HTML 页面，页面初始包含红色（id="hr1"）和绿色（id="hr2"）两条宽度为 500px 的水平分隔线（<hr>），通过内嵌 JavaScript 完成三项核心操作：先获取 id 为 "hr1" 的节点并将其颜色改为黑色，再获取 id 为 "hr2" 的节点并从<body>中移除，最后创建一个颜色为蓝色、宽度 250px、id 为 "hr3" 的新<hr>节点，添加到<body>中，最终页面仅显示黑色和蓝色两条水平分隔线。
2025-09-13 18:45:32
308
原创 用HTML进行css弹性布局练习
使导航栏子元素（Logo、导航链接、搜索框）在水平方向两端对齐，中间均匀分布。：将导航栏及其子元素设为 Flex 容器，实现灵活布局。：中间导航链接列表，通过 Flex 布局横向排列。：导航栏容器，使用 Flex 布局。：右侧搜索框，包含输入框和搜索按钮。：子元素在垂直方向居中对齐。：左侧 Logo 区域。
2025-06-08 16:01:05
240
原创 用HTML进行css浮动练习
使容器脱离文档流，向左浮动。：米色背景，方便观察布局范围。：元素向右浮动，贴紧容器右侧。）用于展示浮动后的排列效果。：元素向左浮动，依次排列。
2025-06-08 15:52:47
178
原创 用HTML进行css盒子绝对定位练习
两个 50x50px 的黑色方块，位于脸的上部。：500x500px 的米色背景，作为容器。：300x60px 的白色矩形。：红色方块内嵌黄色方块。
2025-06-08 15:42:17
250
原创 用HTML进行css伪元素选择器练习
为列表项添加一个 2 像素宽的红色实线边框。：将列表项的宽度设为其父元素宽度的 15%。类似，但背景色为黄绿色，边框为蓝色。：把列表项的高度设为 30 像素。：将列表项的背景颜色设为绿色。元素的内容前面插入一个伪元素。元素的内容后面插入一个伪元素。：移除列表项前面的默认符号。：将伪元素设置为块级元素。背景色为红色，边框为紫色。这部分样式应用于 ID 为。背景色为黄色，边框为金色。的列表项之后的伪元素。
2025-06-08 15:32:05
186
原创 用HTML练习css表格常用样式
把表格内文本的颜色设为浅绿色，但由于单元格有单独的颜色设置，这个颜色只对没有单独设置颜色的单元格有效。：为单元格添加一个 2 像素宽的黄绿色实线边框。：取消单元格内文本的垂直对齐方式设置，使用默认值。：为表格添加一个 2 像素宽的黄色实线边框。：将表格的宽度设为 500 像素。：把表格的高度设为 500 像素。：将单元格的背景颜色设为卡其色。：把单元格内文本的颜色设为黑色。：使单元格内的文本水平居中对齐。：将表格的背景颜色设为碧绿色。：合并相邻的单元格边框。
2025-05-26 16:17:30
219
原创 用HTMl练习css常用文本样式
为段落添加一个 2 像素宽的红色实线边框。：将字体大小设为 50 像素。：把段落文本颜色设为蓝紫色。：让文本在水平方向居中对齐。标签内的文本全部变为小写。：让文本以斜体形式呈现。：给文本添加下划线。
2025-05-26 15:18:35
177
原创 用HTML进行表单表格属性练习
的元素（在代码中是部分表格单元格）设置背景颜色为黄色，文字颜色为黑色，边框为红色 2 像素宽的实线，文字水平方向右对齐，垂直方向底部对齐。的元素（一个提交按钮）设置内边距上下 10 像素、左右 20 像素，边框为 2 像素宽的黑色虚线，背景颜色为粉色，透明度为 0.3。：设置了表格的宽度为 400 像素，高度为 200 像素，边框为红色、2 像素宽的实线，边框合并，背景颜色为淡蓝色（），文字颜色为蓝色，边框为红色 2 像素宽的实线，文字水平方向右对齐，垂直方向底部对齐。），文字颜色为蓝色。
2025-04-28 22:04:50
332
原创 用HTML进行复合选择器练习
元素，并将其字体大小设置为 50px。：使用通用兄弟选择器实现，选择紧接在。：使用相邻兄弟选择器实现，选择紧接在。这篇文章主要讲用HTML的复合选择器。元素，将其文本颜色设置为浅棕色。元素，将其文本颜色设置为红色。：使用后代选择器实现，选择。：使用子代选择器实现，选择。，将其文本颜色设置为绿色。
2025-04-19 20:03:31
181
原创 CSS引入样式配置优先级
类的元素的文本颜色设置为绿色，但由于 ID 选择器优先级高于类选择器，当元素同时有匹配的 ID 和类时，会优先应用 ID 选择器的样式。总结样式配置的优先级： 行内样式 > id选择器样式 > 类选择器样式 > 标签选择器样式。属性是内联样式，用于直接在元素上设置样式。的元素，并将其文本颜色设置为蓝色。中定义的样式，文本颜色为橙色，而不是类选择器设置的绿色。中定义的样式，即文本颜色为蓝色，而不是。元素，并将它们的文本颜色设置为红色。元素，将它们的文本颜色设置为水蓝色。的元素，将其文本颜色设置为橙色。
2025-04-13 20:09:56
260
原创 用HTML进行表单练习
用于创建一个表单，用户可以在表单中输入各种信息，表单数据可以提交到服务器进行处理。：创建一个密码输入框，用户输入的内容会以掩码形式显示，用于输入密码和确认密码。：是表格的表头单元格，用于显示表单字段的名称，如 “用户名”“密码” 等。：创建重置按钮，用户点击该按钮后，表单中的所有输入内容会被重置为初始状态。：创建提交按钮，用户点击该按钮后，表单数据会被提交到服务器。创建单选框，用户只能从一组单选框中选择一个选项。：是表格的数据单元格，用于放置具体的表单控件。创建复选框，用户可以选择多个爱好选项。
2025-03-30 12:55:29
274
原创 用HTML进行表格练习
属性分别设置表格的宽度和高度为 600rpx 和 800rpx。属性设置表格边框宽度为 1rpx，属性用于指定表头单元格的作用范围。：显示标题 “合并单元格练习”。：显示标题 “创建表格练习”。：定义表格的表头单元格，：定义表格的数据单元格。：将单元格内容居中显示。
2025-03-23 12:17:29
204
原创 用HTML制作商城支付向导
表示列表中的一个项目。这里的第一层列表项为 “支付方式”，其下嵌套了另一个无序列表，展示了具体的支付方式，如 “货到付款”“财付通”“支付宝”“网银在线”。表示列表项序号采用大写字母。这里详细列出了网银在线支付的步骤，帮助用户了解具体操作流程。标签，这是 HTML 中最高级别的标题，能让用户快速了解页面主题。：用于创建无序列表，以项目符号的形式展示列表项。同样用于分隔内容，使页面布局更规整。：创建有序列表，type=“A”：创建一条水平线分隔内容。：作为页面的主标题，使用。
2025-03-22 17:19:45
274
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人