CSS

自学过程中都是以完成功能为目标，没有考虑到项目日后的维护难度。在写毕业设计过程中，一个按钮的颜色被用到多次，每次都要专门去看一下之前怎么写的很麻烦。 使用css变量之后就很方便 CSS变量 声明变量

圣杯布局 圣杯布局是什么 圣杯布局的实现方式 基本思路 圣杯布局和双飞翼布局是面试经常问到的一个问题。

z-index不是数值越大等级越高 使用前提 只能在设置了position：relative/absolute/fixed的元素或者是display:flex的子元素，否则不起

margin：0 auto； 注意：子元素必须是display: block;否则不生效 text-align:center; 注意：子元素必须是display:inline-block;或者inli

当父盒子中有子盒子浮动之后，该子盒子会脱离文档流，导致父盒子高度塌陷。那么如何清除子盒子浮动对父元素的影响呢 html代码： css代码： 效果： 1.second盒子的宽度不再是独占一行，而是由内容

随便举个例子 父盒子与自盒子宽度不固定 flex布局 我平常最常用的方法，简单方便 transform 平常也用到过 绝对定位 这种方法是我平常很少

自学和实习过程中用的次数少，在这里专门记录一下 声明动画 keyframes：关键帧 （之前学pr的时候用到过不少关键帧） @keyframes 动画名{ } 使用动画 复合写法 animation:

2.伪类选择器 3.圆角 4.盒阴影box-shadow 5.文字阴影text-shadow 6.线性渐变，径向渐变 7.新增盒子模型 8.弹性盒子布局 9.过渡 10.动画 媒体查询

根据媒体查询，决定给该媒体使用哪一套css方案。 媒体查询的使用方法 1.使用外部样式表，link标签引css文件（推荐使用）2.使用内部样式表，style内部写css代码

transition 复合用法，transition-property 属性，transition-duration 过渡时间，transition-timing-function 速率曲线

线性渐变 语法：background:linear-gradient(方向，开始颜色，结束颜色) linear:线性的；gradient：坡度 1.颜色从上到下（默认方向） background: l

感觉box-shadow的参数好多，记不清每个参数的作用和效果是什么，在后面的学习中这个属性用的次数不是很多就一忘再忘，今天记录一下这个属性的各个参数的作用。 box-shadow 参