摘要：
效果图： 代码： 阅读全文
摘要：
示例代码： 阅读全文
摘要：
示例代码： 效果图： 阅读全文
摘要：
flex-direction属性决定主轴的方向（即项目的排列方向）。 Flex-wrap:一行排不下的时候换行 justify-content属性定义了项目在主轴上的对齐方式。 align-items属性定义项目在交叉轴上如何对齐。 align-content属性定义了多根轴线的对齐方式。如果项目只 阅读全文
摘要：
示例代码： 阅读全文
摘要：
h-shadow 必需。水平阴影的位置。允许负值。 v-shadow 必需。垂直阴影的位置。允许负值。 blur 可选。模糊距离。 spread 可选。阴影的尺寸。 color 可选。阴影的颜色。请参阅 CSS 颜色值。 inset 可选。将外部阴影 (outset) 改为内部阴影。 实现div的阴 阅读全文
摘要：
Transform-style:plat|preserve3d //平面||3d 值 描述 none 定义不进行转换。 matrix(n,n,n,n,n,n) 定义 2D 转换，使用六个值的矩阵。 matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) 定义 3D 转换， 阅读全文
摘要：
CSS @keyframes 规定动画。 3 animation 所有动画属性的简写属性，除了 animation-play-state 属性。 3 animation-name 规定 @keyframes 动画的名称。 3 animation-duration 规定动画完成一个周期所花费的秒或毫秒 阅读全文
摘要：
HTML中的根元素<html></html>本身j就具有层叠上下文，称为“根层叠上下文”。 普通元素设置position属性为非static值并设置z-index属性为具体数值，产生层叠上下文。 inline/inline-block元素的层叠顺序要高于block(块级)/float(浮动)元素。 阅读全文
摘要：
BFC 就是清除浮动 用来处理文档脱离文档流的问题 清除浮动的方法： a、父元素也添加一个浮动 产生弊端就是：margin 不能使用 b、给父元素添加一个:display:inline-block 弊端同a一样：无法使用margin c、给父元素添加高 弊端：扩展性不好，我们无法随意再添加元素 d、 阅读全文
摘要：
.class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="firstname" 的所有元素。 1 * * 选择所有元素。 2 element p 选择所有 <p> 元素。 1 element,element div,p 选择所有 <d 阅读全文
摘要：
补充：vw/vh表示相对于显示屏的宽高比例，例如1vw是1%屏幕宽度 阅读全文
摘要：
原理：利用CSS将一个div盒子的宽高设为0，边框（border）宽度设为一个较大值（如50px），颜色设为白色（white），上边框颜色设为你想要的颜色，下边框值设为none。代码如下： 也可以将上下边框反过来，下边框设为none，将三角形倒过来 阅读全文