坚持#第103天~要随机应变和机灵及精明！

2016-11-22
完成了：
（1）你的梦想是什么？变得更优秀！
（2）今天你为你的梦想做了什么？要随机应变和机灵及精明！
（3）你是否离你的梦想更近了？是的！
（4）完成了考试复习一部分；
（5）看了30天；
（6）慕课放大图片、人工智能对话系统项目开干了并完成了；
（7）收获:
字体(仅字体大小)不要设置为11 13 15px；要用偶数,因为word文档里面是偶数
---------------------------------------------------------------------------
有时候不设置width更好,因为会根据需要能自动填充
---------------------------------------------------------------------------
在div盒子里面可以打字：
contenteditable="true";要获取其值不能用.val()了而要用.text()
---------------------------------------------------------------------------
用了padding之后会产生一个内边距，有可能导致盒子溢出,所以盒子的宽度和高度要减去两倍padding的值
---------------------------------------------------------------------------
struts2讲的是关于运用到里面的jar包、xml的配置
xml用到的标签action,param,result,name
---------------------------------------------------------------------------
滚动暂停animation
.banma:hover{animation-play-state:paused;}
---------------------------------------------------------------------------
List相当于是集合,用于多个一起操作
---------------------------------------------------------------------------
鼠标移到盒子上盒子滚动
margin-left:500px;transform:rotate(360deg);transition:margin-left 5s,transform 5s;
---------------------------------------------------------------------------
彩字：color:transparent;-webkit-background-clip:text;background:-webkit-linear-gradient();
---------------------------------------------------------------------------
将字符串数字转换整型a = Integer.parseInt(b);求最大值Math.max(a,b);
---------------------------------------------------------------------------
    transition: 1s;
    transition-property: initial;
    transition-duration: 1s;
    transition-timing-function: initial;
    transition-delay: initial;
或
    -webkit-transition: 1s;
可以右击检查,(侧着摆F12)，方框的底下有一大推东西可以找到所有的效果代码
---------------------------------------------------------------------------
哈哈！学到慕课网的图片放大效果了：
先找一个盒子
把图片放入盒子里面
图片的大小设置为与盒子一样
隐藏放大超过盒子的部分------------------------------:.photo{overflow:hidden}
鼠标移动到图上放大化妆(注意规范<请见下面注释>)------:.photo:hover img{transform:scale(1.2);}
鼠标移出图上放大的延迟加恢复原尺寸延迟化妆----------:.photo img{transition:1s;}
更兼容的话用-webkit-transform和-webkit-transition
border-radius加上transform:scale和transition overflow失效的解决办法：给父类化妆加:transform:rotate(0deg);

注释：
.photo:hover img{}和
.photo img:hover{}的区别
第一个是当鼠标滑上.photo这个盒子，照片会发生变化
第二个是当鼠标滑上img这个照片的时候，照片会发生变化
关键是滑上的对象不一样
---------------------------------------------------------------------------
html{height:100%;}配合{overflow:hidden;}
不加上html{height:100%;}背景图片会拉伸至全屏，而加上后背景则会重复出现
---------------------------------------------------------------------------
IE浏览器的透明度filter:alpha(opacity=50);相当于0.5
---------------------------------------------------------------------------