寒假学习内容

1.display和visibility

display用来决定元素怎样显示，可让元素变为块元素、内联元素、或内联块元素。
用法：可以用在做下拉菜单框时先设置display：none;hover时在显示出背景颜色和字体颜色。

visibility决定一个元素显示或不显示，可用于一个元素原本隐藏，鼠标浮在上面时在显示。

2.sticky粘贴定位

  元素在跨越特定阈值前为相对定位，之后为固定定位。

其父元素需要有定位（除static之外都可），还需要设置top, right, bottom 或 left 四个阈值其中之一

我用在了NASA界面的header部分（top设置的-10px），出来效果基本一致

3.tooltip提示工具

设两个class，tooltip和tooltiptext;
tooltip 设置border, position:relative; display:inline-block;
tooltiptext 要设置visibility:hidden;positon:absolute;z-indext:1px，背景颜色，字体颜色等等
tooltip:hover .tooltiptext {visibility:visibility;}
可以通过具体值来使toptip显示在某元素的上下左右，以及是否添加箭头。

4.图片廊

特点：可以在图片下加文字
我看的样例中最大的盒子只设置了宽度没设置高度，是被撑大的

5.图像的不透明度

opacity:0.2;(0~1.0);
filter:alpha(opacity=20);(0-100) 适用于IE8及其更早版本，
值越小越透明

可以实现图片透明度发生变化的效果

6.background

background:url(…) -20px -30px;
要先设置需要的width和height
-20px代表距离图像左边的距离，-30px代表距离图像上边的距离

7.媒体类型

媒体类型允许你指定文件将如何在不同媒体呈现
常见的媒体类型：all,print(用于打印机）,screen（电脑显示器）,tv（电视）,projecton（用于方案显示，如ppt）
如：@media screen{ p{ color:red; } }

8. 01背包

B(k,w) （B为价格，k表示前k个，w为背包剩下的空间）
核心思想：

动态规划（部分题型）

（1）选一堆不相邻的数字是和最大
核心思想：

出口：

（2）arr中加起来是否等于s
核心思路：

出口：