10 2022 档案
摘要：flex布局 给父盒子添加display：flex，开启flex布局 主轴对齐方式 justify-content:开启主轴对齐方式，属性名： flex-start:元素沿着主轴起边排列（不常用） flex-end:元素沿着主轴终边排列（不常用） center:元素居中排列（常用） space-ar
阅读全文
摘要：调用css动画库 第一步：用link引入css的动画库 第二步：在需要的元素中引入css动画库 第三步：如果需要动画效果无限次数播放添加类 infinite 调用js，可视界面做动画效果，不可视页面不做 第一步：用script引入js的效果库 第二步：添加script的对象调用 第三步：在需要的元素
阅读全文
摘要：添加动画效果： @keyframes 名称 { （keyframes-selector）css动画样式 } 必须添加名称然后再css里边调用名称，必须有执行的时间，动画效果才可以生效 animation-name 名称：规定需要绑定到选择器的 keyframe 名称，必须要有，然后用css调用名称。
阅读全文
摘要：动画过渡效果 transition:all .3s，默认效果，动画过渡效果为.3s，哪个元素使用就给哪个元素添加。 动画的过渡方式，是匀速运动还是加速，减速运动，transition-timing-function： ease（默认值）慢速开始，然后加速在减速；linear 匀速运动；ease-in
阅读全文
摘要：定位：position；定位实现效果，让盒子压住盒子 position的属性：默认属性：static；元素是静止值，没有开启定位。 开启相对定位：relative；开启绝对定位：absolute；开启元素的固定定位：fixed；开启粘性定位：sticky； position：relative：相对定
阅读全文
摘要：伪类选择器，浮动，文本一行显示，css显示隐藏，图片文字对齐显示，精灵图 结构伪类选择器 选择第一个：li：first-child；选择最后一个：li:last-child；选择其中一个：li：nth-child（n）； 选择器工作原理，先查找位置，然后去匹配选择器位置上，是否是我们选择的标签，如果
阅读全文
该文被密码保护。
