- 博客(14)
- 收藏
- 关注
RSS订阅原创 JavaScript程序设计基础——DOM节点的获取、创建与插入以及属性的修改
③将已经配置完毕的<p>元素节点，以子节点的身份插入其上一层的。②修改src属性（即修改资源路径，因此渲染出来的图片会改变）编写一个代码用来查看DOM节点的属性与修改属性。编写一个代码,体现出以上节点获取方式。先编写一个代码用来创建与插入节点。插入新建的<p>元素节点。②为classList。③为classList。classList中。
2025-09-17 22:58:35
802
原创 弹性布局的详细讲解——主轴方向与交叉轴方向与相关例题
Flexbox 是 CSS3 引入的一种一维布局模型，旨在提供更高效的方式来。由以上可知flex的主轴方向有四种排列方式，这丰富了设计者的布局规划。2. 价格标签：当价格有不同的字体大小（如主价和小字体的原价）时，由实践可知弹性盒是按照顺序排列的，这样有助于布局的规划。根据以上的含义，编写一个基本的弹性布局。编写一个代码，显示出以上的对齐方式。编写一个代码，显示出以上的排列方式。编写一个代码，显示出以上的对齐方式。该属性将从上到下的箭头设置为主轴。该属性将从下到上的箭头设置为主轴。
2025-09-15 23:34:50
764
原创 CSS盒子模型之清除浮动及例题
该盒子必须出现在所有左浮动和右浮动盒子的下方。如果前方有浮动盒子，浏览器会将该盒子下推到浮动盒子的最底部。进而强制父盒子重新计算高度，直到高度能包裹所有浮动盒。清除浮动能够很好的解决了浮动带来的高度塌陷以及页面出现错位的影响，能够让用户实现更好的布局，是CSS不可缺少的一部分。
2025-06-02 17:34:52
298
原创 CSS之盒子的浮动——脱离文档流与浮动带来的两个影响
但此方法不灵活，通常不推荐，除非确实需要固定高度(因为有时候我们确确实实希望父盒高度由子盒决定，比如说动态渲染的场景就不适合)。解题思路：编写出几个盒子，再根据需要向上或向左或向右浮动，并且浮动过程中盒子遵循排布规则。1、当子元素设置浮动后脱离文档流，父元素无法感知子元素的高度，导致自身高度计算为0。2、父元素塌陷后，其下方的非浮动元素会向上移动，与浮动子元素产生覆盖或重叠现象，:第一个设置左浮动的盒子浮至浮层，其它设置左浮动的盒子紧跟。题目:根据前面的例题，改编出父盒的高度塌陷的代码。
2025-05-26 19:17:36
1744
原创 CSS盒子模型之定位方式——相对定位、绝对定位与固定定位以及它们的例题
盒子的定位方式让我们在设计网页中布局更加清楚以及一些功能在特定的范围内运行，不影响其他元素的运行，利于编写者完成任务。
2025-05-19 21:15:24
379
原创 CSS之特殊选择符——伪类选择符与伪元素，以及它们的例题
伪类选择符与伪元素能让网页多了些色彩，让读者更加清楚地浏览，这也让网页的设计更加完善。这需要我们在今后好好运用它们，并注意伪类选择符中超链接的4种状态顺序不能颠倒。
2025-05-05 16:04:45
365
原创 CSS--常用样式,重点为文本样式，并以表格表单属性为例题
在使用各种样式时要注意各种样式的特征，每个样式所呈现的效果各有不同，这为网页的设计多了些色彩，让读者更加清楚地了解重点。
2025-05-05 00:45:00
778
原创 跨入CSS的门槛——CSS基础之引用方式（3种引用方式与3种选择器）以及优先级
行内样式是各种引用CSS方式中最直接的一种，也叫内联样式。行内样式就是通过直接设置各个元素的style属性，从而达到设置样式的目的。元素的style属性值可以包括任何CSS样式声明。这种样式只对所定义的标签起作用，不对整个网页起作用。<标签 style="属性：属性值；属性：属性值…">注意：行内样式将表现与内容混在一起，并不符合Web标准，所以谨慎用这种方法。当样式只需要在一个元素上应用一次时可以使用。
2025-04-13 18:31:25
1025
原创 HTML的结构元素的简单讲解以及经典的网页结构示例
本篇文章主要介绍结构元素的一些基本内容，并结合前面所学的内容制作一个最简单的网页结构。这里面涉及到HTML最基本、最基础的知识点，相信掌握后对于Web前端、HTML5的了解会更深刻。
2025-04-04 21:31:14
788
原创 HTML的表单标签，以＜input＞元素为主，例题会呈现本章的内容
本篇文章主要讲表单标签中<input>元素的3个最基本用法，它还涉及其他的内容，这些将会在后面的css中呈现出来，请敬请期待。
2025-03-28 22:48:11
572
原创 HTML的表格标签说明，重点为表格的基本语法与不规则表格
以上就是表格标签的基本用法，请记住运用表格标签时一定要先设好边框，合并表格时一定要删除被合并的单元格。
2025-03-21 21:35:34
2158
原创 HTML的图像标签与超链接的说明，以《水果图鉴》为例子，重点需要用到页面内书签的标签
超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页的不同位置，还可以是一个图片、一个电子邮件地址、一个文件甚至是一个应用。本篇文章主要介绍图像标签与超链接的基本使用方法，外加网页内的书签链接的例题，文献参考Web前端开发技术。
2025-03-02 18:08:57
2544
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人