Day  17

今天完成的事情

      1.完善任务四

      2.给任务五切图

      3.进行初步构思以实现任务五

遇到的问题

      1.在设置position:absolute后，由于退出文档流，使得text-align对文本失效

解决办法：添加 width:100%，给出一个宽度使其居中

      2.登陆不能居中，注册不能在设置好宽度后按比例调整

解决办法：登陆以子绝父相的方式定位；注册和关闭用float的方式进行定位。

收获

      1.子绝父相

绝对定位是相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。

设置父元素相对定位，子元素绝对定位，那么子元素就是相对于这个父元素的位置来定位的。

如果父元素用的绝对，绝对定位脱离文档流，那么父元素的临近元素会与该父元素重叠。

父元素设置为position:relative并不会脱离文档流，也就是说——利用给父元素设置position:relative属性，再将子元素设置为position:absolute就可以在文档流中实现需要的定位

      2.去掉链接下方下划线

text-decoration-line: none;

拓展：

       a:link 指正常的未被访问过的链接；
　　a:active 指正在点的链接；
　　a:hover 指鼠标在链接上；
　　a:visited 指已经访问过的链接；
　　text-decoration是文字修饰效果的意思；

取消a标签在移动端点击时的蓝色

a { 

-webkit-tap-highlight-color: rgba(255, 255, 255, 0);

-webkit-user-select: none; 

 -moz-user-focus: none;    

-moz-user-select: none; 

}

改变选中内容的背景颜色

::selection { 

    background: #FFF; 

    color: #333; 

} 

::-moz-selection { 

    background: #FFF; 

    color: #333; 

} 

::-webkit-selection { 

    background: #FFF; 

    color: #333; 

}

去除ios中图片被选中时的蓝色背景

img {

-webkit-tap-highlight-color:rgba(0,0,0,0);

-webkit-tap-highlight-color: rgba(255, 255, 255, 0);

-webkit-user-select: none;

-moz-user-focus: none;

-moz-user-select: none;

user-select: none;

}

       3.RGBA(0,0,0,0)调色

rgba(255, 255, 255, 0);

前三个值（红绿蓝）的范围为0到255之间的整数或者0%到100%之间的百分数。这些值描述了红绿蓝三原色在预期色彩中的量。第四个值，alpha值，制定了色彩的透明度/不透明度，它的范围为0.0到1.0之间,0.5为半透明。比如，如果你想要纯粹的红色作为背景色，你就可以设置为100%红，0%绿和0%蓝。

     rgba(255, 255, 255, 0)则表示完全透明的白色

     rgba(0, 0, 0,1 )则表示完全不透明度的黑色

     rgba(144, 238 ,144, 0.5)//半透明的青苹果绿

     rgba(255,252,153,0.5)//暖黄色

明天计划学习

      1.开始任务五，学习相关知识点