入门任务9 修改

1. text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中

text-align CSS属性定义行内内容（例如文字）如何相对它的块父元素对齐，text-align并不控制块元素自己的对齐，只控制它的行内内容的对齐。
1、text-align:center的意思是块级元素中的行内内容居中。
2、作用在block-level元素上(包括了block和inline-block);
3、能让block-level的元素中的行内元素，替换元素和inline-block元素居中。

4. line-height: 2和line-height: 200%有什么区别?

1、计算标准：line-height: 2根据自身元素的字体大小来计算，line-height: 200%根据父元素的字体大小来计算。
2、继承：line-height: 2继承给子元素的是2这个缩放因子，line-height: 200%继承给子元素的是200%计算后的值。

7. 让一个元素"看不见"有几种方式？有什么区别?

常规：
1、display:none;
2、visibility:hidden;
3、opacity:0;
4、其他(以下消失都是有前提条件的)：
1、height:0;width:0;padding:0;margin:0;border:0; ... etc
2、position:absolute; left:1000000px; top:100000px; ...etc;
3、z-index:-1000;...etc
4、background-color:rgba(0,0,0,0);
总结： 元素"看不见"的方式主要方式让元素用户在当前页面展示的视口里看不见。
区别：

1. display:none;从文档流消失，不占据文档空间，但是还存在DOM树中。
2. visibility:hidden;和opacity:0;还是会占据文档空间。
3. display:none;和visibility:hidden;绑定的事件不会触发。
4. opacity:0;的元素绑定的事件还是会触发事件。