摘要： 1.弹性布局的特性 (1)任何一个容器都可以指定为弹性布局 (2)当我们为父盒子设置为弹性布局之后，子元素的float，clear，vertical-align属性将失效 (3)通过给父元素设置flex属性，来控制子盒子的排列方式与位置 2.父元素上的弹性布局 (1) 设置为弹性布局 display 阅读全文

摘要： 1.动画的定义 <style> /*只定义起始与结束*/ @keyframes 动画名称1 { from { } to { } } /*用百分比定义动画*/ @keyframes 动画名称2 { 0% { } 10% { } 100% { } } </style> 2.使用动画 /*动画名称 持续5 阅读全文

摘要： 1.移动 /*第一个参数控制 左右，第二个参数控制 上下*/ transform: translate(10px,20px); /*单独控制 左右*/ transform: translateX(10px); /*单独控制 上下*/ transform: translateY(10px); 参数值 阅读全文

摘要： 1.字体图标网站 https://icomoon.io/ https://www.iconfont.cn/ 推荐 2.画三角 div { width: 0; height:0; border: 10px solid transparent; border-top: 10px solid pink; 阅读全文

摘要： 1.元素的显示与隐藏 display 不会占有原来的位置 /*隐藏元素*/ display: none; /*显示元素 并且设置为块级元素*/ display: block; 2.元素的显示与隐藏 visibility 会占有原来的位置 /*隐藏元素*/ visibility: hidden; /* 阅读全文

摘要： 1.相对定位 移动的时候是依照自己原来的位置，原来标准流的位置继续占有，后面的盒子仍然以标准流的方式待他 /*设置定位模式*/ position: relative; /*上 偏移*/ top: 10px; /*下 偏移*/ bottom: 10px; /*左 偏移*/ left: 10px; /* 阅读全文

摘要： CSS - 选择器 标签选择器，id选择器，类选择器，后代选择器，子代选择器，兄弟选择器，通用选择器，组合选择器，属性选择器，伪类选择器，伪元素选择器 CSS - 字体属性 设置字体，大小，粗细，类型，行高，复合属性与文本属性 设置文本颜色，对齐方式，装饰，缩进 CSS - 块元素，行内元素，行内块 阅读全文

摘要： 1.浮动 /*左浮动*/ float: left; /*右浮动*/ float: right; 脱离标准流，浮动的盒子不在保留原先的位置，如何元素都可以加浮动 2.清除浮动 兄弟元素关系中，上元素没有设置高度，但是里面有许多盒子。这时下元素就会覆盖上元素里面的盒子，因为上元素没有高度 这时想要解决这 阅读全文

摘要： 1.设置内边距 /*设置上内边距*/ padding-top: 20px; /*设置下内边距*/ padding-bottom: 20px; /*设置左内边距*/ padding-left: 20px; /*设置右内边距*/ padding-right: 20px; 属性值可以为：auto，px，% 阅读全文

摘要： 1.设置边框的宽度 /*同时设置上下左右边框*/ border-width: 2px; /*设置上下 左右 边框*/ border-width: 2px 2px; /*设置上 左右 下 边框*/ border-width: 2px 1px 2px; /*设置 上 下 左 右 边框*/ border- 阅读全文