- 博客(18)
- 收藏
- 关注
RSS订阅原创 JavaScript常见的对象事件
在Web开发中，DOM（文档对象模型）事件监听是JavaScript与HTML元素进行交互的重要手段。通过监听和处理事件，我们可以响应用户的各种操作，如点击、输入、键盘按键等，从而创建动态和交互式的网页。本文将详细介绍DOM事件监听中的。
2024-11-24 21:46:46
1952
原创 JavaScript语法基础——函数，对象，常用类Array，String，Math和Date
JavaScript函数可以通过以下三种方式进行定义函数声明// 函数体2.函数表达式// 函数体3.箭头函数（ES6 引入）// 函数体调用函数例如，这是一个简单的函数运行结果<script>var c=1;//全局变量，既可以作用于所有函数内，又可以作用于函数外var d=2;//局部变量，只作用与函数内//返回6console.log("计算结果为:" + rlt1)// rlt2 = (1+1+c)*d //函数外无法调用局部变量d，控制台报错。
2024-11-11 23:08:29
250
原创 JavaScript 的DOM 操作
JavaScript 的 DOM（文档对象模型）操作是前端开发中的基础且重要的部分。通过 DOM 操作，你可以动态地修改网页的内容和样式。以下是DOM，涵盖节点获取、节点属性修改、节点创建与插入以及 CSS 样式的修改。
2024-11-04 01:48:05
437
原创 JavaScript 语法基础：变量、数据类型、运算符与程序控制语句
JavaScript 是一种广泛应用于网页开发的脚本语言，它简单易学且功能强大。本文将带你了解 JavaScript 的基础语法，包括变量、数据类型、运算符以及程序控制语句。
2024-10-30 19:25:33
593
原创 盒子的浮动和塌陷
在网页设计中，浮动（Float）是一种常用的布局技术，特别是在HTML5和CSS3广泛应用之前。浮动允许元素向左或向右移动，并且允许其他内容环绕在其周围。尽管现代布局技术如Flexbox和Grid已经逐渐取代了浮动在复杂布局中的位置，但理解浮动仍然对维护旧项目和解决特定布局问题至关重要。
2024-10-29 20:25:19
559
原创 HTML5盒子的绝对定位
绝对定位使元素的位置与文档流无关，因此不占据空间。这一点与相对定位不同，相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。如果我们把父元素设置成蓝盒子，那么绿盒子就会浮到蓝盒子上面，并且相对父元素定位，代码如下。此时他们从下面到上面的平面排布是肉色父盒子，红盒子绿盒子，蓝盒子，蓝盒子浮到最顶层了。我们把蓝色盒子设置绝对定位相对于</article>父元素定位，这个时候他就会。浮起来脱离文档流，在文档流元素的上面。以下是没有设置定位的代码。
2024-10-17 18:55:09
265
原创 HTML5盒子的相对定位
在HTML5和CSS中，相对定位（Relative Positioning）是一种通过调整元素在其正常位置的基础上进行偏移的方法。使用相对定位，你可以将一个元素从其正常文档流中的位置移动到新的位置，同时保留其在文档流中的原始空间。我们不难看出，相对定位是根据该元素的文档流的位置相对位移的，并且该元素的位置在文档流中依然存在，下一个元素不会占据它原本的位置。
2024-10-13 21:24:11
241
原创 HTML5文档流
所谓的文档流(Normal Document Flow)，指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列。在文档流中，每个元素都会占据一定的空间并尽可能充满其包含块的宽度。每个元素的位置都会受到前面元素的影响，如果前面的元素发生位置变化，那么后面的元素的位置也会发生相应的变化。在HTML代码中，即使包含多个空格，但在网页显示中通常只会显示一个空格。如 在某些情况下，元素间的高低不平和底边对齐问题可能导致布局不美观。元素间的间隙可能过小，导致页面显得拥挤。
2024-10-13 14:17:15
290
原创 CSS盒子属性
HTML5的盒模型将每个HTML元素视为一个矩形盒子，这个盒子由四个部分组成：内容（Content）、内边距（Padding）、边框（Border）和外边距（Margin）。上面这张图中border是边框，padding是，margin是，中间的980x 8是内容(content)
2024-10-13 12:29:08
705
原创 HTML5 day4
CSS是一种用于描述HTML或XML文档外观和格式的样式表语言。通过CSS，你可以控制网页的颜色、字体、布局以及其他展示效果，使网页更加美观和用户友好。选择器是CSS中用于选择需要应用样式的HTML元素的方式。：选择带有特定ID属性的元素（使用）。：选择带有特定类属性的元素（使用）。：将样式定义在一个独立的。标签链接到HTML文档。：直接选择HTML元素。：直接在HTML元素的。
2024-10-05 23:13:06
892
原创 使用CSS修饰页面外观：字体、文本与图像样式
它不仅能帮助我们控制网页的布局和结构，还能极大地提升网页的视觉效果。今天，我们将探讨如何使用CSS来修饰页面的字体、文本和图像样式，让你的网页更加美观和吸引人。font-variant 属性可以将文本中的小写英文字母转换为小型大写字母（转换后的大写字母与转换前小写字母的大小相仿，所以称之为小型大写字母）。但是，italic 显示的字体的斜体版本，而 oblique 则只是一个倾斜的普通字体。能设置的值有很多，列举不了。字体是网页设计中非常重要的元素之一，选择合适的字体可以显著提升网页的视觉效果和阅读体验。
2024-10-05 19:17:10
2140
原创 HTML5 day3
HTML5语义化标签是指那些能够明确描述其包含内容类型的HTML标签。与早期的HTML版本相比，HTML5引入了一系列新的标签，这些标签不仅具有更清晰的命名，而且能够更准确地反映网页内容的结构和含义。通过使用这些语义化标签，我们可以使网页的HTML代码更加直观和易于理解。HTML5语义化标签是网页设计中不可或缺的一部分。就是给机器看的，让你的网页更好的被需要的用户检索到，对网页结构没什么影响。
2024-10-05 13:39:12
434
原创 html5 day1
通过上面的介绍，我们了解了HTML中的基本骨架标签、段落换行水平线标签以及文本标签。这些基础元素是构建任何网页不可或缺的部分。掌握它们将帮助你更好地理解和设计网页内容。希望这篇文章能为你学习HTML提供帮助！
2024-09-10 00:28:17
268
原创 python Tkinter 的小项目 记事本
filetypes=[("文本文档","*.txt")],defaultextension=".txt")menuFile.add_command(label="新建", accelerator="ctrl+n",menuFile.add_command(label="打开", accelerator="ctrl+o",menuFile.add_command(label="保存",accelerator="ctrl+s",f1 = askcolor(color="red",title="选择背景色")
2024-02-16 21:27:26
658
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人