实用技巧 技巧css
CSS2.1规范笔记——9.6 绝对定位
绝对定位 绝对定位模型中，盒相对其包含块偏移，它会从常规流中全部移除（不会影响后面的兄弟）。绝对定位的盒会为常规流中的子级和绝对（不包括fixed）定位的后代建立一个新的包含块。 然而绝对定位的内容不会沿着任何其他盒排列。它们可能会遮住其他盒的内容（或者被它们自身遮住），取决于重叠盒的堆叠层级（st ......
CSS2.1规范笔记——9.7 分层展示
分层展示 z-index属性 该属性指定了： 当前堆叠上限爱问（stacking context）中，该盒的堆叠层级（stack level）； 该盒是否应该建立一个堆叠上下文； 该属性的取值为： <integer>：是生成盒当前堆叠上下文中的堆叠层级，该盒还会建立一个新的堆叠上下文。 auto：生 ......
CSS2.1规范——9.3 定位方案
定位方案 三种定位方案及其优先级 css2.1中，一个盒可能会根据三种定位方案来布局： 常规流：包括块级盒的块格式化、行内级盒的行内格式化和块级与行内级盒的相对定位。 浮动：在浮动模型中，盒先根据常规流来放置，然后从常规流中取出来并尽可能远地向左或向右移动。其他内容可能沿着浮动（盒）的一侧排列。 绝 ......
CSS2.1规范笔记——9.4 常规流
常规流 常规流中的盒属于一个FC，可能是BFC或是IFC中的一个。块级盒参与BFC，行内级盒参与IFC。 BFC BFC的产生条件： float：left | right position：absolute | fixed display：inline-block | table-cell | ta ......
CSS2.1规范笔记——9.2 控制盒的生成
控制盒的生成 控制盒就是我们常说的盒。盒的类型对其在视觉格式化模型中的行为有一定影响。 display的取值 display属性指定了盒的类型： none：此元素不会被显示。 block：此元素将显示为块级元素，此元素前后会带有换行符。 inline：默认。此元素会被显示为内联元素，元素前后没有换行 ......
CSS2.1规范笔记——9.1 视觉格式化模型（视口和包含块）
视觉格式化模型 视觉格式化模型：对于可视化媒体，用户代理怎样处理文档树。在视觉格式化模型中，文档树中的每个元素根据其盒模型生成0或多个盒。这些盒的布局由以下因素控制： 盒尺寸与类型 定位方案（常规流、浮动与绝对定位） 文档树中元素间的关系 外部信息（例如视口大小、图片的固有尺寸等） 本章及下一章中定 ......
CSS2.1规范笔记 - 8.1 盒尺寸
中文链接：http://www.ayqy.net/doc/css2-1/cover.html 英文链接：https://www.w3.org/TR/2011/REC-CSS2-20110607/ 本笔记是2020年自学前端时所写，当时写在word文档上，今天重温，就搬到博客园上来。 盒尺寸 盒模型的 ......
CSS2.1规范笔记——8.2 外边距与margin合并
外边距 margin取值 <length>：一个固定值 <percentage>：百分比根据当前生成盒的包含块的width来计算。注意，margin-top和margin-bottom也是根据其包含块的width来计算的。如果包含块的width取决于该元素，那么产生的布局在CSS2.1是未定义的。 ......
css基础-精灵图
一张图片包括各种图标，用的时候用background-position对移到对应位置显示对应图标 但是图片放大会失真 图片制作完成后也不方便修改 所以如果小图票，我们可以用字体库解决 https://icomoon.io/ https://www.iconfont.cn/ ......
css常用属性
参考地址：https://www.w3school.com.cn/css/index.asp css常用属性： 背景属性： background 简写属性，作用是将背景属性设置在一个声明中。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。 backgroun ......
css 选择器
更多选择器示例参考：https://www.w3school.com.cn/cssref/css_selectors.asp <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css选择器</title> <! ......
css学习Day01
# css学习Day01 css语法 选择器{ 声明1； 声明2； 声明3； } ## 一、css四种导入方式 - 行内样式 ```html 标题 ``` - 内部样式 ```html ``` - 外部样式 链接式： ```html ``` **优先级：就近原则（谁离元素更近用谁的）** ......
python函数入参配置的技巧
如下的代码大家应该都见过： def func1(n): if n <= 0: print('请输入一个整数!') func1(int(input())) elif n <= 2: return 1 else: return func1(n-1)+func1(n-2) 这个是是一个简单的函数处理，得到 ......
css3
属性 浏览器前缀 transition：.3s -ms-transitio:0.3s -webkit-transitio:0.3s -o-transitio:0.3s -moz-transitio:0.3s ......
其他css3属性 圆角 三角形
圆角实际上有8个值a . 百分比超过百分之50结果都是一个椭圆 实心三角形的实现 宽高为0 给边框高度 透明 对边设置颜色 空心三角形 或者带边框的三角形 透明叠加 . 上边框的粗细 ......
[PHP 开源推荐] RDebug —— 滴滴开源的一款用于 RD 研发、自测、调试的实用工具
一、简介https://github.com/didi/rdebug Rdebug 是滴滴开源的一款用于 RD 研发、自测、调试的实用工具，可以被用来提升 RD 研发效率、保障代码质量进而减少线上事故。 1.1 背景鉴于微服务具有易于扩展、部署简单、技术异构性等优点，越来越多的服务都在采用微服务的架 ......
常见的css属性
rgb 6位0-9a-f 简写 443322=432 rgb rgb（68，41，41，0.4）最后一位是alpha颜色透明度 浮动 让元素左右排列 float ：left /right/none; 文档标准流 网页中的块级元素 都会自上而下的排列 浮动会破坏元素原本的特征（独占一行的特征） 浮动是 ......
css: display:none, display:block
<!doctype html> <html> <head> <meta charset="utf-8"> <title>css display:none, display:block</title> <script src="../jquery/3.6.0/jquery.min.js"></scri ......
Excel 中的技巧函数
- [Excel常用函数公式20例](https://www.excelhome.net/419.html), 第7条条件查询， 其中第一列为要查询的列，如果不是怎么办？ 可以参考 [Excel函数之王，Vlookup到底怎么用？](https://mp.weixin.qq.com/s/1BG1-N ......
搜索技巧之-剪枝
剪枝是去除搜索树当中不必要的搜索路径，从而优化算法，降低时间开销。 常见的剪枝包括： 1可行性剪枝 2排除等效剪枝 3最优性剪枝 4顺序剪枝 5记忆化剪枝 下面将一一举例介绍其原理： 1可行性剪枝 在寻找所有的解决方案时，若某种方案明显不可行/无法找到答案，则停止继续搜索。 2排除等效剪枝 当该方案 ......
36种漂亮的CSS3网页按钮Button样式
 ```html 36种漂亮的CSS3网页按钮Button样式 36种漂亮的CSS3网页按钮But ......
css基础-隐藏显示元素
display:none隐藏元素，不保留位置，文档结构中存在 visibility:hidden隐藏元素，仍占有原来位置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont ......
css基础-position定位例子-垂直水平居中
盒子垂直居中，水平居中实现例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ......
利用“超越数字化”的这 7 个技巧来改变您的业务
21世纪的技术正在改变人们工作的方方面面。企业转型的需求前所未有的大。指数型的技术组合所叠加的颠覆性效应和规模可能超过以往人类社会的任何一次产业革命。《超越数字化》为企业领导者提供了一份实用的变革路线图，旨在帮助他们的公司在面临各种不确定性变化的情况下，仍能成功并持续创造价值。 比尔·盖茨盛赞Cha ......
css基础-position定位
static静态定位类似于标准流 relative相对定位元素移动位置参照原来位置来移动的保留原来的位置（人走了，位置留着，停职留薪），不脱标 absolute绝对定位元素移动位置参照父元素如果父元素和父父级等无定位，则以浏览器位置偏移如果父元素有定位，则以父元素为参照进行偏移如果父元素无定位，父父 ......
通过JS设置CSS样式
#### 读取元素样式 在JS中可以使用`getComputedStyle() `读取元素样式 >**官网摘要** Window.getComputedStyle()方法返回一个对象，该对象在应用活动样式表并解析这些值可能包含的任何基本计算后报告元素的所有 CSS 属性的值。私有的 CSS 属性值可 ......
css基础-float浮动
什么是浮动创建浮动框，将其移动左或者右边，直到碰到左边缘或右边缘。特性：浮动元素会脱离标准流，浮动的盒子不会保留白原来位置一行内显示，顶端对齐行内元素加了浮动元素都会具有行内块元素，无需转换，可以设置高度和宽度。 为什么要用浮动网页布局本质就是摆盒子，传统网页布局方式：a) 通过普通流标准流（块级元 ......
vue3如何正确设置 Tailwind CSS
1.创建vue3项目 npm init vue@latest 需要配置的选择YES 2.切换到 项目newProject目录下 npm install 下载依赖包 3.安装 tailwind 及其依赖项(PostCSS 和自动前缀) npm install -D tailwindcss@latest ......
css-demo
1、文字放大缩小 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> @keyframes scaleDraw { 0% { transform: scale(1); } 25% { transform: scale(1.5); ......