上课最最最最重要的点

搞明白老师的主体思路
搞明白老师的查资料的地方
generator前面加代码，就可以查到自己要用的代码具体是啥子
CRM

copy
run
modify

老师遇到问题如何·解决
• 有哪些代码没有想到的
• 为何要用这个标签
• 为何要用这个选择器
• 为何要用这个工具
• 主体思路

代码相关

div
• div是一个分段，是可以用来设定某一个片段
• <div这里写要写或者修改哪个片段>
• 这里写对div进行什么操作
• <div>
• head
• 会对整体进行改变所以在打之前，如果不是对所有的改变需要使用#标记出针对谁进行的改变
• title
• 网页名称
• 文件格式
• index.html
• 约定俗成，没有原因
• 重要的方法
• border大法
• 如果不知道编好的代在哪里，需要使用border描绘出边界，这样可以方便找出东西在哪里
• eg：border： 1px red solid ；
• 记住要囊括的内容：包括形状，像素大小，颜色；
• 代码
• lang
• 语言，这里en是英语，可以自定义一个为zh，为中文
• 动画类
• animation
• 动画
• 造型类
• position
• position-relative
• 相对之前的自己进行坐标偏移
• position-absolute
• 相对于他爹进行坐标偏移
• position-fixed
• 相对于body进行坐标偏移
• relative和ab的特点
• 如果有两个同时排列的子集，都re会按序排列
• 但是如果一个ab，一个re，ab那个就会脱离出排序的那条队伍自己单独按照ab坐标计算
• margin-left/right/
• 回退。。。px
• background
• overflow:hidden
• 超过的部分隐藏
• margin-top/bottom
• 距离上下高度
• em
• 字宽
• fontfamily
• 字体设置
• boxsizing：border-box
• 改变盒模型为borderbox，具体不太懂但是修改后两个小矩形不重合
• border-radius
• 圆角，一般大于或者等于宽度的一般为正圆，小于一半则是圆角
• 如何居中
• 先创造一个容器
• id="xx-wrapper"
• 再进行容器调整
• height：。。vh（viewpoint height)(不可用%或者其他的）
• 宽度不调整
• 接着使用flex技巧
• display:flex;
• justify-content:center;
• align-item:center;
• flex的注意事项
• flex自动排序是按照横向排序，想要纵向排序需要进行flex-direction:column;
• 特别注意！！！！
• 由于body自身会有页边距和页内距，所以进行调整的时候要先对所有的进行0边距
• *{margin:0;pedding:0}
• 选择器
• #
• 选择某个id
• @frameworks
• 选择某个动画的关键帧
• from。。 to
• 从开始到最后
• 0%。。30&。。。
• 具体设置每一帧的变化
• nth-child(1/2/3/4/5)
• 选择第几个div
• >
• 子集
• eg：#八卦>div:nth-child(1)
• id为八卦的子集1