吉伊么么哒-优快云博客

原创 CSS浮动的高度塌陷问题及解决方案

在Web前端开发中，浮动（float）是实现页面布局的一种重要手段，然而，浮动元素有时会引发父容器高度塌陷的问题，导致页面布局异常，本文将深入探讨这一问题的原因，并提供几种有效的解决方案，当子元素浮动后，它们会脱离正常的文档流，不再占据父容器的空间，此时，如果父容器内没有其他非浮动元素或块级元素，父容器的高度将塌陷为0，从而影响页面的整体布局。可以看到效果是十分OK的，但是添加了一个额外的元素，可能有人就会说，吞爸吞爸，有没有那种可以避免添加额外元素的方法？高度已塌陷，下面看看添加后的代码。

2024-11-06 18:00:22 555

原创 css浮动

属性，因此它们会向左浮动，CSS浮动属性主要有三个值： left 、 right 和 none ，一般默认下，元素的浮动属性是 none ，即不浮动，当我们将元素的浮动属性设置为 left 或 right 时，元素会向左或向右移动，直到其左边缘或右边缘碰到包含框或另一个浮动元素的边缘。在Web前端开发中，浮动（Float）是一个重要的布局工具，它允许我们将元素向左或向右移动，并允许其他内容环绕在浮动元素的周围，本文将介绍CSS浮动的基本用法。

2024-11-06 17:24:01 125

原创 Css定位详解：文档流、相对定位、绝对定位与固定定位

绝对定位的元素完全脱离文档流，相对于最近的已定位祖先元素（指设置了position属性的元素）进行定位，如果没有已定位的祖先元素，则相对于初始包含块（通常是浏览器窗口）进行定位。本文将详细讲解CSS定位中的文档流、相对定位、绝对定位和固定定位。文档流是页面元素默认的排列方式，元素按照HTML中的顺序从上到下、从左到右依次排列，在文档流中，元素会占据一定的空间，其他元素会根据这个空间进行布局。固定定位的元素相对于浏览器窗口进行定位，无论页面如何滚动，元素位置不变，固定定位的元素也完全脱离文档流。

2024-11-06 17:07:32 326

原创 JavaScript进阶：DOM操作详解

DOM（Document Object Model）本文将详细介绍JavaScript中的DOM操作，包括节点获取、节点属性修改、节点创建与插入以及CSS样式的修改。在DOM中，我们可以通过多种方法获取节点，例如通过ID、类名、标签名等。获取节点后，我们可以修改其属性，例如修改元素的文本内容、HTML内容。通过JavaScript，我们可以动态地修改元素的CSS样式。我们可以创建新的节点，并将其插入到DOM中。

2024-11-04 21:04:39 741

原创 JavaScript语法基础博客（下）

本文将介绍JavaScript中的函数、对象以及常用类（Array、String、Math和Date）的基础知识，并附出代码演示它们的使用方法，让我们来看看怎么个事。函数是JavaScript中的基本构建块，用于封装可重复使用的代码。对象是JavaScript中的核心概念，用于存储键值对集合。孩子们我又回来了，本篇我们紧接上文，把这玩意给补充完整吧。数组是一种特殊的对象，用于存储一系列有序的值。Math对象提供了基本的数学常数和函数。

2024-11-04 19:34:30 152

原创 JavaScript语法基础

JavaScript有几种基本数据类型，包括数字（Number）、字符串（String）、布尔值（Boolean）、空值（Null）、未定义（Undefined）和对象（Object）等等。JavaScript 是一种广泛应用于Web开发的脚本语言，本文将介绍JavaScript的基础语法，包括变量、数据类型、运算符和程序控制语句，并提供相应的代码演示。在JavaScript中，使用 var 、 let 或 const 关键字来声明变量。运算符用于执行各种算术、赋值和比较操作。do...while 循环。

2024-11-04 19:06:23 191

原创 css选择器

在前端开发领域，CSS（层叠样式表）是不可或缺的一部分，它负责网页的外观设计。CSS选择器则是CSS的核心之一，用于指定HTML文档中要应用特定样式的元素。本文将详细介绍几种常用的CSS选择器，并提供相应的代码示例，帮助读者更好地理解和运用CSS选择器。基础选择器包括标签选择器、ID选择器和类选择器，它们是最常被使用的CSS选择器。CSS选择器详解及其应用。那么今天就先到此为止吧。

2024-10-21 03:04:42 165

原创 css常用样式

水平对齐 ( text-align )：可以设置文本的对齐方式，如 left （左对齐）、 center （居中）或 right （右对齐）在html设计中，css扮演着很重要的角色，它不仅可以美化网页，还提高用户体验，使得网站更加吸睛，下面就将介绍一些css中最常用的样式。字体大小（font-size）：用于调整文字的大小，常见的有px （像素）、 em （相对于父元素的字体大小）等。字体类型 ( font-family )：定义了文本的类型，例如，可以设置为 "Arial" 或 "宋体" 等。

2024-10-21 01:29:34 149

原创 HTML基本骨架标签，段落换行水平线标签，文本标签

3. ：包含了文档的元（meta）数据，如文档的标题、字符集定义、对外部文件（如样式表、脚本）的引用等。它位于文档的最前面，不是HTML标签，但它是HTML文档的重要组成部分。换行标签``是一个空标签，用于在文本中插入一个简单的换行（而不是新段落），它不需要结束标签。接下来就是文本标签啦，HTML提供了多种文本标签，用于对文本进行格式化，如加粗、斜体、删除线等。HTML的基本骨架标签、段落换行水平线标签以及文本标签是构建网页的基础。斜体标签（）：表示文本的强调，倾斜字体。

2024-09-09 17:11:28 548

xwb55556的博客