- 博客(56)
- 收藏
- 关注
原创 flex弹性概念(一)
flex-flow: 【flex-direction】【flex-wrap】 可以把两个属性合在一起。flex-direction 设置主轴 默认情况下就是row。从左到排列 ------>flex-direction: row-reverse反转。从右向左排列 <------flex-direction:column-reverse. 从下到上排列。flex-wrap: 换行 默认是不换行 nowrap。例如:flex-flow: row wrap;
2025-11-14 20:48:27
227
原创 bfc块级格式化上下文
第一个典型的应用就是盒模型的margin,出现了传递和叠加的问题,这里可以采取BFC规范来解决,原理就是让盒子形成独立的容器,无论里面的子元素如何折腾,都影响不到外面的元素。在现代布局flex和grid,是默认带BFC规范的,所以可以解决一些非BFC盒子的一些问题,这就是为什么flex和grid能成为更好的布局方式原因之一。具有BFC特性的元素可以看作是隔离了的独立容器,容器里面的元素不会在布局上影响到外面的元素,并且BFC具有普通容器所没有的一些特性。float的值不是none。二、BFC触发的条件。
2025-11-13 21:10:53
224
原创 定位样式详解
CSS position属性用于指定一个元素在文档中的定位方式,其中top,right,bottom和left 属性决定了该元素的位置。粘性定位可以被认为是相对定位和固定定位的混合。元素在跨越特地阈值前为相对定位,之后为固定定位。z-inde可以调整元素的层级,谁的元素越高,谁的数值就在上面。相对定位relative:没有脱离文档流。绝对定位absolute:脱离文档流。固定定位fixed:脱离文档流。
2025-11-13 20:47:25
279
原创 CSS浮动样式
当元素被浮动时,会脱离文档流,根据float的值向左或者向右移动,直到它的外边界碰到父元素的内边界或者另一个浮动元素的外边界为止,是CSS布局中实现左右布局的一种方式。如果父元素高度已经明确设置,固定高度或者百分比高度,即使内部子元素全部浮动,父元素的高度也会保持设置值,不会因为子元素脱离文档流而塌陷。如果父元素里面有元素,父元素不会高度塌陷,但是如果元素都浮动的话,父元素就会塌陷。文档流:文档流是元素在web页面上的一种呈现方式,按照出现的先后顺序进行排序。当父元素里的所有元素都浮动了就会产生高度塌陷。
2025-11-10 23:41:25
189
原创 CSS盒模型的注意点
摘要:本文总结了CSS盒模型的核心要点。1) padding不能为负值,而margin可以;背景色会覆盖非margin区域。2) 解决margin-top传递问题的三种方案:父元素加边框、开启BFC、使用弹性/网格布局。3) 上下排列盒子时取较大margin值,可通过单一设置margin或BFC解决。4) 比较了块级元素(独占行支持所有样式)和行内元素(不换行部分样式不支持)的特性差异。5) 介绍了标准盒模型(content-box)和怪异盒模型(border-box)的区别,后者可通过box-sizing
2025-11-10 22:42:46
277
原创 cursor+高德MCP:制作一份旅游攻略
如果你的Agent没有设置Auto-Run,你每一步都需要自己点Run-tool。如果可以在下拉菜单上选择Auto-run。则Agent自动执行。一定要按照最新版的cursor, 如果之前已经安装旧的版本卸载掉重新安装,新的版本点设置,才有MCP的选择。7.点击ctrl+L打开侧边对话框,选择Agent,在输入框里输入具体的要求。9.最后用一个模版提示词,生成一个网页用于展示这些信息。2.进入控制台选择应用管理----->我的应用。5.在高德开发平台找到MCP的文档。6.按照快速接入的步骤,进行操作。
2025-04-13 23:16:57
604
原创 腾讯云开发+MCP:旅游规划攻略
使用腾讯云开发创建MCP目前需要云开发入门版99/月,我没开通,所以没办法往下进行。5.进入控制台后,选择AI+,找到MCP。1.登录注册好之后进入腾讯云开发。6.点击创建MCP Server。4.创建好环境之后点击。
2025-04-13 21:56:53
457
原创 Day3—循环起来吧
当你需要判断多个互斥的条件,并且根据不同的条件执行不同的代码块时,使用 if-elif-else 语句。当你需要判断一个条件,并且根据这个条件的结果执行两个不同的代码块之一时,使用 if-else 语句。只需要判断一个条件,并且在该条件为 True 时执行特定的代码块,而在条件为 False 时不做任何额外处理,就可以使用 if 语句。当表达式的返回值为真时,执行语句块(或称为“循环体”),然后重新判断表达式的返回值,直到表达式的返回值为假时,退出循环。
2025-04-12 23:56:27
783
原创 Day1一切从安装有利工具开始
不存在绝对 “最好用” 的选项,而是要根据自身情况选择:如果是初学者,主要进行简单的代码学习和练习,对代码规范要求不高,IDLE 是一个不错的选择,它简单易用,能满足基本的开发需求;点击New Project之后创建一个名为HelloPython的项目,Python的解释器可以选择安装的Python3.13解释器,也可以选择conda里面的Python解释器,可以选择创建新的虚拟环境下的项目,也可以选择用已经存在的环境。我们也可以里创建虚拟环境,创建虚拟环境的目的就是保证项目的安装环境是独立的。
2025-04-07 17:02:44
707
原创 jupyter notebook更改位置
2. 用记事本打开这个配置文件,定位到c.NotebookApp.notebook_dir = '/path_to_your_directory'添加要存放的位置在目标文件的末尾,重新启动jupyter notebook即可。3.找到jupyer图标的位置,打开属性。一般在c盘用户的.jupter文件夹下。1.找到jupyer的配置文件。
2024-05-29 15:04:14
600
原创 将Latex中Algorithm 1 改成算法1.1
2.algorithm algorithmic 两个地方要修改一下。\floatname{algorithm}{算法3.1}1.要将中文的包导入进去否则算法两个字无法显示出来。
2024-02-19 14:59:33
969
原创 机器学习分类模型
(Decision Tree)是一类常见的机器学习方法,可应用于分类与回归任务,这里主要讨论分类决策树。决策树是基于树结构来进行决策的。下图是使用决策树来决定是否见对象,可以把决策树看作根据要回答的一系列问题,做出决策来进行数据分类。尽管名为“回归”,但逻辑回归实际上是一种分类算法,用于预测二分类或多分类问题。K最近邻(KNN)分类是一种基于实例的学习方法,它使用最接近的训练样本的类别标签来预测新数据点的标签。神经网络分类是机器学习和深度学习中的一个重要应用,特别是在图像识别、文本分类和语音识别等领域。
2023-12-29 20:36:39
622
原创 手写代码系列
(5)手写简易Jquery考虑插件和易扩展性代码演示。(4)手写画图解释原型链(class的原型和本质)(6)手写bind函数 视频6-4。(1)手写clearfix。(2) 手写圣杯模型。(3)手写深拷贝 递归。
2023-07-18 10:09:05
320
原创 2.CSS布局
(offsetwidth)=content宽度+padding左+pading右+boder左+border右 (不含margin)指相邻的两个元素如果同时设置了margin-top和margin-bottom会发生重叠现象。
2023-07-16 12:28:51
213
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅
1