属性值 描述 static 默认值。没有定位，元素出现在正常的文件流中。 relative 相对定位，脱离文件流，相对于元素原位置进行偏移，其他元素不会占空。 absolute 绝对定位，脱离文件流，

🧃序言 最近在整理一些很偏的面经题，想起来很久以前被问到的一道题，就是 position 和 z-index 。短短 10min 问了这两个

「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」 本文从最简单的开始，解释如何理解和使用::before和::after。然后再在实际使用场景中去应用它。 ::be

过年期间，玩了玩 css，感觉很有意思。特别是在看《CSS 揭秘》这本书时，仿佛打开了新世界的大门。以前认为，渐变不就是那样吗，颜色逐渐变一下，还能玩出花来 ? 看到了书中用渐变实现条纹，让我很意外。书中关于渐变说的并不是很细致，于是我觉定好好把水平渐变的使用整理整理，再写点其…

对象遵循标准文档流中，top, right, bottom, left 等属性失效。 relative（相对定位） 对象遵循标准文档流中，依赖top, right, bottom, left 等属性相对于该对象在标准文档流中的位置进行偏移，同时可通过z-index定义层叠关系…

inline：使元素变成行内元素（内联），拥有行内元素的特性，即1.与其他行内元素共享一行2.不能修改width、height属性，大小由内容撑开3.padding属性top、right、botto、

1. 有关CSS线性渐变相关的语法及使用 2. linear-gradient与-webkit-linear-gradient之间的差异

display:inline-block是一种布局方法，它相比于与浮动、定位最大的不同就是其没有父元素的匿名包裹特性，这使得display:inline-block属性的使用非常自由，可与文字，图片混

display:block就是将元素显示为块级元素block元素的特点是：总是在新行上开始高度，行高以及顶和底边距都可控制宽度缺省是它的容器的100%，除非设定一个宽度 块元素的例子display:i