摘要：
一、离线存储 window.sessionStorage 和 window.localStorage 它们的方法完全一致. 新增和修改： setItem(key, value) 都是字符串的数据（数字，布尔，JSON需要转字符串） 删除：removeItem(key) 清空：clear(); 根据索 阅读全文
摘要：
1、伸缩容器 display: inline-flex 无文本内容：一行中文字的基线是容器的基线 有文本内容：容器和一行中文字的基线对齐（第一个文本盒子） display: flex 主轴对齐（justify-content） flex-start center flex-end space-aro 阅读全文
摘要：
一、布局视口 使用的是CSS像素 二、视觉视口 物理像素（屏幕上的一个发光点） 三、默认在PC端，1CSS像素 = 1物理像素 可以通过Ctrl+滚轮缩放，本事是改变了 CSS像素 与 物理像素 的比例！ 放大 -- 1CSS像素容纳更多的物理像素，内容看起来变大，但是布局视口在变小 缩小 -- 1 阅读全文
摘要：
一、box-shadow: 参数1，参数2 阴影位置偏移量 参数3 模糊半径 参数4 扩展半径 负数 0 默认值 正数 参数5 阴影的颜色 参数6 设置内阴影 inset 默认是外阴影 多个阴影使用,分割 阴影默认大小与元素大小一致 二、图片边框 border-image: 生效前提： 边框大于0 阅读全文
摘要：
一、3D 开启元素3D transform-style: preserve-3d; Z轴 正数 屏幕外，反之屏幕内 近大远小 perspective: length (必须大于等于0) -- 在3D元素中设置，所有子元素统一生效。 transform: perspective(200px) -- 给 阅读全文
摘要：
一、过渡（transition） transition-property: 指定具有过渡效果的CSS样式属性名 1.默认值： all 2.仅具有中间值（CSS样式值是数值的）的CSS样式具有过渡效果 3.可以具体指定那些样式具有过渡效果，多个CSS样式属性名使用 ， 分割 transition-du 阅读全文
摘要：
伪元素选择器 :before 和 :after 添加的位置 :before 第一个子节点 :after 最后一个子节点 特点 1、默认是 inline 元素 2、必须包含 content 属性 3、content 属性的值 ： 字符串或者CSS的函数（url(), attr(), counter() 阅读全文
摘要：
一、包含块 目的：确定元素的位置和相对大小（%） 1.正常文档流元素和浮动元素 父元素的 content-box 2.绝对定位元素 父元素的 padding-box 3.固定定位元素 视口 二、负外边距 document.documentElement.clientWidth; 视口宽度 windo 阅读全文