发表于: 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>&emsp;手0人</span>&emsp;&emsp;<span>&emsp;察1人</span>&emsp;&emsp;<span>&emsp;民6人</span>
<p><span>狙击手0人</span>&emsp;&emsp;<span>&emsp;生1人</span></p>


进度:CSS任务七

任务开始时间:2018.07.26
预计demo时间:2018.07.28
是否有延期风险:超期一天。                        

任务代码地址:任务五代码已经提交

任务六: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




返回列表 返回列表
评论

    分享到