目录
justify-content:(水平)对齐弹性容器的项目,当项目不占用主轴上所有可用空间时
transform-style:规定如何在 3D 空间中呈现被嵌套的元素
perspective:定义 3D 元素距视图的距离,以像素计
效果
原理
当鼠标移动至有效区域内,所有图片向右转向,鼠标悬停的图片不进行翻转,此图片后的所有图片,向左转向。
层叠样式属性
position:指定元素在文档中的定位方式
取值 | 属性 |
---|---|
static | 默认值,没有定位。 |
absolute | 绝对定位。 |
relative | 相对于正常位置,进行定位。 |
fixed |
绝对定位,相对于浏览器窗口。 |
inherit | 从父元素继承position的值。 |
display:元素生成框的类型
值 | 描述 |
---|---|
none | 此元素不会被显示。 |
block | 此元素将显示为块级元素,此元素前后会带有换行符。 |
inline | 默认。此元素会被显示为内联元素,元素前后没有换行符。 |
inline-block | 行内块元素。 |
list-item | 此元素会作为列表显示。 |
run-in | 此元素会根据上下文作为块级元素或内联元素显示。 |
float:元素的浮动方向
值 | 描述 |
---|---|
left | 元素向左浮动。 |
right | 元素向右浮动。 |
none | 默认值。元素不浮动,并会显示在其在文本中出现的位置。 |
inherit | 规定应该从父元素继承 float 属性的值。 |