2022年7月17日
摘要：
CSS3转换： 是元素改变形状、尺寸和位置一种的效果； transform： translate() 平移 例： 水平X轴 -translateX（200px） 垂直Y轴 -translateY（200px） X、Y轴同时设置上一个会被下一个覆盖； 同时写： transfrom：translate（ 阅读全文
摘要：
transition：property（要过渡的属性）-duration（花费的时间）-timing-function（运动曲线）-delay（延迟时间） 例： transition：all（所有的属性都变化） 2s linear 2s； transition：width 2s linear，hei 阅读全文
摘要：
盒子定位居中： 文字居中：text-align：center（inline inline-block） 单行文本在盒子垂直居中：line-height：盒子的高度； 盒子在父盒子中水平居中：margin ： 0 auto； 盒子在父元素中水平垂直居中： 一般情况下 ，设置父元素相对定位； 子元素绝对 阅读全文
摘要：
隐藏元素的方式： 1、display：none；真实隐藏后元素不在占空间，子元素一起隐藏；子元素不能通过设置display进行反隐藏 2、visibility：visible；显示 hidden；隐藏 3、opacity：0；透明隐藏元素；还是会占据空间；（0-1：1）；子元素不能通过设置opaci 阅读全文
摘要：
定位： 定位模式-position： static：静态定位 标准文档流表现形式一样 fixed：固定定位 相对于body进行定位 -不写偏移量； 脱离文档流； 不再是父元素的100%； top:0️⃣ relative：相对定位 特性： 一般用在父元素上； 默认宽度依旧是父元素的100%； 相对于 阅读全文
摘要：
页面布局的本质是盒子（box），是 CSS 布局的对象和基本单位，一个页面就是由 n 个盒子组成的。 一个基本的盒模型，包括 content（width/height）、padding、border、margin。 盒模型分成两类：标准盒子模型和 IE 盒子模型。 标准盒模型的 width 指 co 阅读全文
摘要：
边框三角形 border:大小-线性- 透明（transparent） 宽高为零 背景颜色为边框颜色 具体属性可查看：https://www.cnblogs.com/LIXI-/p/16486047.html 阅读全文
摘要：
外边距盒子水平居中 在父元素中居中：上下0px；左右auto； 必须满足两个条件： 1 必须是块元素； 2 盒子制定了宽度； 因为块元素的宽度默认是父元素的100% auto 左右外边距平分父元素宽度空间 方法： 只需要给左右的外边距都设置为auto，就可以使块级元素水平居中。margin: 0 a 阅读全文
摘要：
双实线：double 单实线：solid 点线：dotted 虚线：dashed 边框： 上边框总体设置： border-top-width： border-top-color： border-top-style： 右边框： border-right-width： border-right-colo 阅读全文
摘要：
盒子阴影： box-shadow：水平位置 垂直位置 模糊距离 阴影尺寸扩大/缩小阴影 阴影颜色 内/外阴影; h-shadow 水平（必填）：允许负值 v-shadow 垂直（必填）：允许负值 blur 模糊距离（可选）值越高，越模糊； spread 尺寸（可选） color 颜色(默认 ：黑色) 阅读全文