白白2024090207-优快云博客

两列布局一般是指定宽与自适应布局，即两列中左列是确定的宽度，右列是自动填满剩余所有空间的一种布局效果。三列布局主要分为两种：第一种是前两列定宽，最后一列自适应；第二种是前后两列定宽，中间自适应。以下是第二种三列布局的常见实现方式。CSS3中提供了多列布局模块，用于以简单有效的方式创建多列布局。这类似于报纸、杂志那样的排版形式。

2024-10-29 17:14:03 353

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

CSS浮动的高度塌陷问题是一个常见的布局难题，但通过合理的解决方案，可以轻松解决。尽量避免过度使用浮动，以减少布局复杂性和维护成本。在使用浮动时，注意清除浮动，以避免高度塌陷问题。根据具体需求选择合适的解决方案，如clearfix、伪元素等。

2024-10-29 17:03:55 517

原创 CSS的浮动

CSS浮动是一个强大的布局工具，它允许元素在页面上自由“漂浮”，从而实现各种复杂的布局效果。然而，浮动也具有一定的复杂性和风险性，需要谨慎使用并结合其他属性进行调整。通过本文的讲解和示例，相信读者已经对CSS浮动有了更深入的理解和掌握。希望读者能够在实际开发中灵活运用浮动属性，创建出更加美观和实用的网页布局。

2024-10-29 16:56:09 470

文档流是页面布局的基础，它决定了元素在页面上的默认位置。CSS定位是页面布局的重要工具，通过理解文档流、相对定位、绝对定位和固定定位等概念，可以精确控制元素在页面上的位置。绝对定位是指元素相对于其最近的已定位祖先元素（非static）进行定位。此时，元素脱离文档流，不占据空间，并且其位置在滚动页面时保持不变。此时，元素脱离文档流，不占据空间，并且其位置在滚动页面时保持不变。可以创建相对定位元素。相对定位是指元素相对于其在文档流中的原始位置进行偏移。固定定位是指元素相对于浏览器窗口进行定位。

2024-10-29 16:50:04 688

原创 CSS的常用声明

【代码】CSS的常用声明。

2024-10-29 16:37:18 546

原创 CSS的各种选择器（基本选择器和复合选择器）

选择与指定元素在同一层级的所有后续兄弟元素。

2024-10-29 16:31:45 689

原创 HTML页面的布局与交互——练习

通过本次练习，我们掌握了HTML页面的布局与交互技巧。我们创建了一个包含头部、导航栏、主要内容区、侧边栏和页脚的HTML页面，并使用CSS进行了基本的样式设置。最后，我们添加了一个简单的交互效果，使页面更加生动和有趣。在网页开发中，HTML页面的布局与交互是至关重要的。一个良好的布局可以提升用户体验，而适当的交互效果则能使页面更加生动和有趣。今天，我们将通过一个简单的练习，来掌握HTML页面的布局与交互技巧。首先，我们需要创建一个HTML文件，它将成为我们网页的基础。1. 创建HTML文件。

2024-10-17 17:48:07 214

原创 HTML基础标签——图像、超链接、列表、表格

本文介绍了HTML中四个常用的基础标签：图像（<img class="_double-img_c5n3b_69 long-press-able-img ">）、超链接（<a>）、列表（<ul>, <ol>, <li>）以及表格（<table>, <tr>, <td>, <th>）。<img src="./图片/1.jpg" width="400" height="400">标签用于在网页中嵌入图像，是网页中不可或缺的元素之一。四、表格（<table>, <tr>, <td>, <th>）

2024-10-13 17:30:42 240

原创 HTML基础标签大揭秘

快速学习理解HTML的基础标签

2024-09-08 17:47:45 262

2403_87155496的博客

原创 vue3实践练习

原创 Vue.js进阶：节点动态属性、双向数据绑定、计算属性与数据变动监听器

原创 Vue模板语法详解：插值、响应式、指令与遍历

原创 ES6新特性的学习

原创 dom的鼠标，键盘和表单的监听

原创 DOM操作

原创 JavaScript语法基础（函数，对象，常用类Array，String，Math和Date）

原创 JavaScript语法基础

原创 CSS综合练习（学校官网静态网页）

原创 CSS的两列布局、三列布局和多行多列布局