2024-04-21在css()方法中，如果属性中带有“-”符号，例如font-size和background-color属性，如果在设置这些属性的值的时候不带引号，那么就要用驼峰式写法，比如上面的代码，如果带上了引号，既可以写成“font-size”，也可以写成“fontSize”。它的作用是获取元素相对于最近的一个position样式属性设置为relative或者absolute的祖父节点的相对偏移，与offset()一样，它返回的对象也包括两个属性，即top和left。同样，width()方法也能用来设置元素的宽度。_jq .style

https://www.qianduange.cn//article/5555.html 分类：前端知识

2024-04-19什么是 BFCBFC（Block Formatting Context）格式化上下文，是 Web 页面中盒模型布局的 CSS 渲染模式，指一个独立的渲染区域或者说是一个隔离的独立容器。形成 BFC 的条件浮动元素，float 除 none 以外的值定位元素，position（absolute，fixed）display 为以下其中之一的值 inline-block，table-cell，table-caption。

https://www.qianduange.cn//article/5288.html 分类：前端知识

2024-04-08我们在开发的过程中，经常会使用到相对定位和绝对定位，但我们有时对这两个定位不是很熟悉，往往会弄混，分不清什么是相对定位，什么又是绝对定位。那么，这篇文章便详细解说他们的区别。相对定位是元素相对其起始位置的定位，那么什么是起始位置呢？绝对定位是相对包含块来定位的，那么，那么什么又是包含块？我们清楚，绝对定位有子绝父相这个词，那么，它是什么意思呢？这里的所有疑问，都会在这篇文章中，讲的非常清楚..._css 绝对

https://www.qianduange.cn//article/4581.html 分类：前端知识

2024-03-26要让一个带有背景颜色透明度的盒子显示在顶层，并且不被其他盒子所干扰，你可以使用 CSS 的 "z-index" 属性。在你想要放置在顶层的盒子的样式中，加入 "z-index" 属性，并设置一个大的值(比如说 "9999")。这样，这个盒子就会被放置在顶层，不被其他盒子所干扰。例如：.top-layer { position: absolute; z-index: 9999;}..._css 如何做一个盒子背景有颜色但是可以看到后面一层

https://www.qianduange.cn//article/4131.html 分类：前端知识

2024-03-20仔细分析下这个按钮的元素可以发现除了星星，全都是圆形，云也是很多个圆组成的。那就直接用圆形去排版就好了，全部用absolute定位，调整好位置。然后星星最简单的实现方法就是用svg，path > d里面用c可以实现三次贝塞尔画路径，这样星星形状也解决了。最后布局定好之后就是动效，css>transition可以搞定所有动效。在这个基础上可以再优化，比如回弹效果，只要把ease-in-out改成自定义贝塞尔曲线就行。例如改成：transition: all 0.6s cubic-bezier(0.39,_原生代码

https://www.qianduange.cn//article/3996.html 分类：前端知识

2024-03-15/ css `div`中定义 position: absolute;})params想要更改的样式属性，以对象的形式传递，必须写。属性名可以不用带引号，如果是复合属性则需要采取驼峰命名法 borderLeft。其余的参数可以忽略。?用户自己给元素添加的属性，我们称为自定义属性。比如给div添加index= "1"_jquery库

https://www.qianduange.cn//article/3856.html 分类：前端知识

2024-03-15你可以选择使用absolute绝对定位为这些块元素定位，也可以使用多个盒子嵌套来实现。当然最简单的方法是使用 CSS3 grid网格布局。grid 布局能够让我们更加灵活组织盒子的搭配方式。

https://www.qianduange.cn//article/3794.html 分类：前端知识

2024-03-13可以这样做：设置父元素的 position 属性为 relative。设置子元素的 position 属性为 absolute。设置子元素的 left 属性为 50%，并设置一个负的 margin-left 值，使其移动回到中间。这个值应该是子元素宽度的一半。示例代码：.parent { position: relative;}.child { position: ab..._position: absolute; 水平居中

https://www.qianduange.cn//article/3713.html 分类：前端知识

2024-03-10以上是几种实现文本垂直居中和水平居中的方式，每种方式都有其适用的场景和优缺点。其中，利用margin:auto和position:absolute的方式需要知道元素的宽度和高度，适用于元素宽高固定的情况。利用table的方式比较适用于多行文本的垂直居中。可以给父元素设置display: flex，并给子元素设置align-items和justify-content属性来实现文本的水平垂直居中。利用position: absolute和top、bottom、left、right属性来实现文本的水平垂直居中。_css文字水平居中

https://www.qianduange.cn//article/3522.html 分类：前端知识

2024-03-10关于 relative 和 absolute 的区别，主要是它们的定位参照点不同。relative 元素的定位参照点是它在正常流中的位置，而 absolute 元素的定位参照点是最近的已定位父元素（如果没有已定位的父元素，则参照点是 initial containing block）。此外，absolute 元素会脱离正常文档流，而 relative 元素不会。_vue中position设置为relative和absloute是什么意思

https://www.qianduange.cn//article/3501.html 分类：前端知识