发表于: 2018-07-29 23:06:58
1 574
今天完成的事情:
1.任务七已经完成
2.
明天计划的事情:
1.做任务八的第一张图完成
2.
基本都解决了
收获:
1. 那个想要背景半透明,两个文字方块不透明,一开始用的
opacity:
但是这个命令,会让所有的都半透明。
所以后来换了:
.footSeven {
width: 100%;
height: 100px;
/*opacity: 0.5;*/
background-color: rgba(41,189,224,0.5);
/*background-color: #2aabd2;*/
padding-top: 15px ;
position: fixed;
z-index: 1;
bottom: 0;
}
前面三个数字是rgba值,后面那个0.5是透明度。1是不透明。
2.第三个图,我一开始把边框的宽度都弄成了百分比,不是没想过用固定的像素值,但是当时也不知道怎么想的,反正又改成了百分比,后来泽平大佬一看,又让改回了像素值。
确实应该是像素值,要不然缩放的时候,大的黄三角形会侵入蓝色方块位置。
还有一个低级错误,显示下面四个小圆圈的时候,应该是background,我写成了color,老是显示不出来,这样的错误,任务七不该出了。居中还是在父级用的text-align。
3。学会了一个新的取色方法,在css色块显示的地方,点击色块,会出现选择,点击选择习惯,再点击外面的颜色,choose,色块就变成了你想要的颜色。前提是你要先给一个色块,随便什么颜色。
4。还有一点就是空格问题:
 
这是多了一个字体的宽度,比较宽,如果连续两个,就是两个字体宽度。
 这是多了一个字体n的宽度,连续两个,就是两个n的宽度。
如果不写上这些字母,只是纯粹的敲击空格,那么不管敲击多少下,只能显示一个n的宽度。
<span>杀 手0人</span>  <span>警 察1人</span>  <span>平 民6人</span>
<p><span>狙击手0人</span>  <span>医 生1人</span></p>
进度:CSS任务七
任务代码地址:任务五代码已经提交
任务六:https://kewangbuji.github.io/cssTask/task6/task6.html
任务七:https://kewangbuji.github.io/cssTask/task7/task7Test.html
https://kewangbuji.github.io/cssTask/task7/task7Result.html
https://kewangbuji.github.io/cssTask/task7/task7Homepage.html
评论