今天完成的事情：

最近的知识可能会有点乱,我先把知识点做个记录到时,在统一整理;

学习了opcity ,可以改变颜色的透明度,但是子元素也会相应的继承其属性,而且无法改变

但grba 可以只在其元素内,不会影响其子元素;

一个标签的属性如果未对它重置,会继承其父级所带有的属性;

标准流中的块级盒子，宽度将自动伸展为100%，而浮动的块级盒子，宽度不会自动伸展，而是由内容撑开

切记切记;!!!!!!!!!!!

浮动与定位的一些小区别

　　　float: left|right; 可以自动排列自动折行, 但需要clear来配合清除浮动;position: absolute|relative; 要配合top,left等定位。

　　　　position: absolute会导致元素脱离文档流，被定位的元素等于在文档中不占据任何位置，在另一个层呈现，可以设置z-index。PS的图层效果就是position: absolute。

　　　　float也会导致元素脱离文档流，但还在文档或容器中占据位置，把文档流和其它float元素向左或向右挤，并可能导致换行。图片的文字环绕布局效果就是float。CSS允许任何元素浮动float，不论是图像，段落还是列表。无论先前元素是什么状态，浮动后都成为块级元素。浮动元素的宽度缺省为auto。

雪碧图::

       【1】对于img标签设置的内容性图片，是不能合并到雪碧图的，如果合并这些图片会影响页面可读性，语义化降低且可调整的范围小

　　【2】对于横向和纵向都平铺的图片，也不能合并到雪碧图中。如果是横向平铺，只能将所有横向平铺的图合并成一张大图，只能竖直排列，不能水平排列；如果是纵向平铺，只能将所有纵向平铺的图合并成一张大图，只能水平排列，不能竖直排列

使用时：我们要在body中声明字体大小，eg：body{ font-size:62.5%;}

任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算，需要在css中的body选择器中声明font-size=62.5%，这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。

rem：相对长度单位，rem是相对于根元素（html）的大小设定的，因此使用时我们要在html中声明字体大小

一个class,可以同时申明两个 类 来进行对元素的控制

明天计划的事情：

复习整理知识点,有能力的话,继续下一个task

遇到的问题：

在添加链接时,由于我的各个html,不在一个目录下,导致无法访问 最后发现可用../来访问上一级目录;   ./只能访问同级目录;

在做雪碧图的图的时候,由于路径,是\的路径,导致雪碧图的背景图死活不能打开,在vscode的复制相对路径时是\

所以以后切记要,统一改成/

如何使用伪类元素hover实现4个操作选择,我本来想用hover与::after来进行实现,但实际发现不行,

而传统的在每个盒子下面添加元素的方法总觉的太麻烦了,没有找到一个比较简单的操作;

收获：

坚持就是胜利,加油;;