22年暑假青训营笔记

这是我参与「第四届青训营 」笔记创作活动的第23天 今天来巩固一下以前的知识（盒子模型） 一.盒模型 盒模型又可以叫做盒子模型、框模型 二.盒子模型边框 border-width：10px； 三.盒子

这是我参与「第四届青训营 」笔记创作活动的第22天 一.弹性容器补充 二.视口 /* flex-flow: wrap 和 direction 的简写属性 */

一.弹性元素的样式 *{ margin: 0; padding: 0; list-style: none; } /* 设置弹性盒 */ /* 弹性的增长系数 */ /* 元素基础长度 flex-bas

这是我参与「第四届青训营 」笔记创作活动的第19天 一.弹性容器的样式 *{ margin: 0; padding: 0; list-style: none; } 二.弹性容器的样式（2） 三.总结

这是我参与「第四届青训营 」笔记创作活动的的第18天 前言：弹性盒是CSS中的又一种布局手段，它主要用来代替浮动来完成页面的布局，其中flex可以使元素具有弹性，让元素可以跟随页面的大小的改变而改变，

这是我参与「第四届青训营 」笔记创作活动的的第15天 一.项目介绍 项目效果图 引入重置样式和图标字体文件 /* 设置字体样式 */ body{ font:13px/1.5 Microsoft YaH

这是我参与「第四届青训营 」笔记创作活动的的第14天 在网页中，添加动画效果更是让网页变得有层次且观赏度提高的一种方式，今天我们就来简单聊一下网页中的动画效果 一. *{ margin: 0; pad

这是我参与「第四届青训营 」笔记创作活动的的第14天 一.过渡的介绍 *{ margin: 0; padding: 0; } 过渡（transition） - 通过过渡可以指定一个属性发生变化时的切换

这是我参与「第四届青训营 」笔记创作活动的第13天 一.渐变 /* 通过渐变可以设置一些复杂的背景颜色，可以实现从一个颜色向其他颜色过渡的效果 ！！渐变是图片，需要通过background-image

这是我参与「第四届青训营 」笔记创作活动的第10天 一.行高 div{ font-size: 50px; /* 可以将行高设置为和高度一样的值，使单行文字在一个元素中垂直居中 */ /* 行高（lin

这是我参与「第四届青训营 」笔记创作活动的第9天 一.运算符 运算符：一种特殊符号，用以表示数据的运算、赋值和比较数与整数 运算符分类：算术运算符、赋值运算符、比较运算符、逻辑运算符、三元运算符 1.