- 博客(16)
- 收藏
- 关注
原创 【JavaScript进阶部分——DOM操作 (节点获取,节点属性修改,节点创建与插入,CSS样式的修改)】
是指对(Document Object Model,简称DOM)进行增删改查等操作的过程。DOM是一种表示和操作HTML、XML等文档的标准编程接口,它将文档解析为一个由节点和对象(包含属性和方法)组成的集合,开发者可以通过DOM提供的接口来访问和操作文档的各个部分,包括元素、属性、文本等。
2024-11-05 06:00:00
1484
1
原创 【JavaScript语法基础(变量,数据类型,运算符,程序控制语句)】
函数在JavaScript中也是一种数据类型,可以作为变量赋值、传递给其他函数或作为函数的返回值。在JavaScript中,变量用于存储数据值。:这是一种复杂的数据类型,可以包含多个键值对。:既可以用于数字相加,也可以用于字符串连接。:比较两个值是否相等,会进行类型转换。:用单引号或双引号括起来的字符序列,例如。:比较两个值是否相等且类型相同,例如。:用于存储多个值的有序集合,例如。:当变量未被初始化时,它的值为。:用于比较数字的大小关系,例如。:用于取反操作数的布尔值,例如。两个值,用于逻辑判断,如。
2024-10-31 00:02:04
482
原创 css两列布局,三列布局,多行多列布局
两列布局的特点是一列宽度固定,另一列宽度自适应。固定宽度的列通常用于放置导航栏、侧边栏等固定内容,而自适应宽度的列则用于显示主要内容,能够根据屏幕大小自动调整宽度,以适应不同设备的显示需求。实际应用场景两列布局在网页设计中非常常见,适用于多种场景导航栏和主要内容:左侧固定宽度的列可以放置导航栏,右侧自适应宽度的列显示主要内容。侧边栏和文章内容:左侧固定宽度的列作为侧边栏,右侧自适应宽度的列显示文章内容。广告栏和主要内容。
2024-10-30 12:01:39
1635
原创 css盒子的浮动以及高度塌陷问题及解决方案
当一个元素的子元素被设置为浮动时,如果父元素没有正确设置,它可能无法包围浮动的子元素,导致父元素的高度塌陷,即父元素的高度缩小到0。通过在浮动元素的父容器上使用伪元素和clear属性,可以清除浮动,确保父容器能够包含浮动的子元素。现代的CSS布局技术,如Flexbox和Grid,提供了更灵活和强大的布局选项,可以自然地解决浮动引起的问题,并且不需要担心高度塌陷。在浮动元素之后添加一个具有clear属性的元素,可以阻止后续元素上浮动,但这种方法会在HTML中增加额外的元素。CSS中的浮动(Float)
2024-10-29 14:53:52
703
原创 盒子的固定定位和展示
1.行内块元素在一行内排列时,它们之间会有空白间隙(这是由于HTML代码中的换行和空格引起的,可以通过一些技巧去除),并且可以根据设置的宽度和高度来展示,在垂直方向上的对齐方式也可以通过vertical - alignment属性调整。1.块级元素在页面上垂直排列,高度由其内部内容和垂直方向的内边距、边框、外边距共同决定,宽度默认是父容器的宽度(除非设置了具体宽度值)。1.当元素的display属性设置为none时,该元素及其所有子元素都不会在页面上显示,并且不会占用页面空间。">这是一个链接元素
2024-10-29 14:44:57
1132
原创 盒子的绝对定位(用排队的比喻,讲解脱离文档流和浮层,相对于已定位上层元素偏移的实验讲解)
【代码】盒子的绝对定位(用排队的比喻,讲解脱离文档流和浮层,相对于已定位上层元素偏移的实验讲解)
2024-10-11 23:32:18
646
原创 盒子的相对定位(包含不脱离文档流的讲解,相对于原本位置偏移的实验讲解)
【代码】盒子的相对定位(包含不脱离文档流的讲解,相对于原本位置偏移的实验讲解)
2024-10-11 22:46:57
612
原创 css盒子
box-sizing: border-box使得元素的width和height属性包括内容、内边距和边框,而box-sizing: content-box则保持标准盒模型的行为,即宽度和高度仅指内容区域的大小。在标准盒模型中,元素的总宽度等于内容宽度加上左右内边距、边框和外边距的总和。同理,总高度也是如此计算的。CSS盒子模型涉及的属性主要分为四类:内容、内边距、边框、外边距,以及控制盒模型解析方式的属性。1.外边距(Margin):边框外侧的空白区域,用于与其他元素分隔,可以通过margin属性来设置。
2024-10-10 23:35:53
937
1
原创 CSS样式
以上属性可以单独使用,也可以组合使用,以达到预期的设计效果。在实际应用中,您可以根据需要灵活运用这些CSS属性来美化网页中的文本和图像.在CSS中,您可以使用多种属性来自定义文本的字体样式。margin 和 padding:设置图像与其周围元素的。width 和 height:设置图像的。border-radius:设置图像的。border:设置图像周围的。opacity:设置图像的。到包含块的左侧或右侧。
2024-10-07 22:25:18
468
原创 关于CSS你知道多少
CSS指的是层叠样式表* (CascadingStyleSheets),也称级联样式表CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素CSS节省了大量工作。它可以同时控制多张网页的布局外部样式表存储在CSS 文件中。
2024-10-07 22:09:05
1343
原创 【HTML基础知识】
HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言。它允许开发者使用一系列预定义的元素和标签来描述网页的结构和内容。HTML文档是构成Web页面的基础,它定义了页面上的文字、图片、链接、列表等各种元素以及它们的布局和呈现方式。
2024-09-09 00:06:44
285
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅