第四周周总结

这周事还是比较多,但是周任务任务量不是特别大,主要是细节比较多..然后又有一些小的新的知识点。这周是看着那个图片做网页,布局哇,还有很多细节哇,做好了这个网页才会漂亮。星期一的时候蛮规律的,因为胃疼体育课就请了假,去图书馆看了一下书上的排序,然看着它给的那个思维自己写,还可以,然后把结构体重新又看了一下,第八周的周任务那个题又看了一下,就不像以前,一周一开始就在纠结网页,我是选择按着自己的生活规律来了..,因为星期一星期二星期三都是课,所以基本上没怎么来工作室。主要是星期四早上开始写的,当时刘龙云只差几句话就写完了...说实话,心还是慌了一下..。我看到吴恒做的是宫崎骏的那个嘛,然后我蛮喜欢熊本的,就决定做一个部长大人的主页~蠢萌蠢萌的,还是蛮有意思的。把那个给的标准的颜色啊尺寸,还是做了一些改动..虽然我的主页没有别人的看上去好看,但是...emmm..好吧 没有但是。然后总结一下这周的一些发现:

1.这周经常遇到一些两个盒子甚至多个盒子并列的问题,一般两种选择:浮动,display属性。浮动还是有一些局限性的,比如,每个列表元素的高度必须要一致,不然会错位,所以,如果我们要使用浮动布局列表,就必须限高。而且浮动之后,它就跑另一个平面去了,没有体积,这样会造成挺多问题的,必须得清除浮动。所以我就很久没用过它了...现在都用display属性(因为值有点多所以只写我用的那几个值..)我只用过block,inlineinline-block

1>. block元素会独占一行,多个block元素会各自新起一行。默认情况下,block 元素宽度自动填满其父元素宽度。

block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。

       block元素可以设置marginpadding属性。

2>.inline元素不会独占一行,多个相邻的行内元素会排列在同一行里,直到一行排列不下,才会新换一行,其宽度随元素的内容而变化。

      inline元素设置width,height属性无效。

      inline元素的marginpadding属性,水平方向的padding-left, padding-right, margin-left, margin-right都产生边距效果;但竖直方向的padding-top, padding-bottom, margin-top, margin-bottom不会产生边距效果。

3>.简单来说就是将对象呈现为inline对象,但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个linka元素)inline-block属性值,使其既具有block的宽度高度特性又具有inline的同行特性。

敲黑板,重点来了,有时候使用inline-block的时候盒子也会出现错位的现象,让我很不解..于是自己查找了一下资料,看了一些别人的博客   大概是displayinline-block,是基于baseline对齐的,大小不一会导致上下不齐,所以设置的时候最好设置vertical-align属性。就是说基准线不一样,然后需要设置好垂直对齐方式

然后我终于对齐啦,开心

2.关于清除浮动(老是纠结于浮动...)有的时候,清除浮动的位置很难把握,上一篇总结中有提到一个关于图片的一个清除浮动的问题,这次又纠结于到底哪里清除浮动。培养人同志给出了这样的回答:事实上清除浮动并不是常用手段。这种没有响应式的布局,直接把最外层的盒子的高度设置定值,相对定位改变位置,就不需要清除浮动了。于是...我真的就用相对定位把它移下来了..

3.说到这个相对定位的问题,刘龙云说他整个主页做下来没有用到相对定位...有空的时候要去看看他的代码,学习一下人家是怎么实现的。我好像用了三个相对定位(记不清了)有两种用途,一个是移动一些比较小的地方,emmm...但是尽量少用,因为这样会造成很多问题..还有一个是设置透明度那个地方 外面那个盒子relative 里面小盒子absolute 但是一开始不知道为啥没得到我想要的结果,它换行了(刘龙云好像是没换行的...)我最后只好设置top 但是如果设置了top 下面就会空一丢丢(因为不能设0)我只能简单暴力的把那个小盒子的高度偷偷加大了...假装我做到了。

4.这周又出现了个透明度,还有那个各种横线竖线,box-shadow的设计,竖线的话我是用边框那个实现的,border-left之类的,加个盒子,设定盒子的宽高就可以了。

5.火狐有个奇怪的bug,(火狐真的是能全方面的容忍我的各种小bug...)我设计首字的时候,用的伪类,没有把它单独用拿出来设计之类的,就把那一段文本设计一下,然后用伪类,那个字就会单独的出现另一种样式。但是那个文本我有三段,很不凑巧,我恰好有三段,我又恰好粗心的设计三段全都是a2,恰好火狐只显示了第一段的首字(这就是bug)让我没能发现自己的疏忽,不过幸好我是三段,不然培养人同志检查的时候就不会发现了...我也永远不会注意到...

6.这周任务也是主要套盒子,我发现当你套的不是很好的时候,你需要更多的属性去设计它,所以开始写之前一定要三思,考虑如何可以更好的,更便捷的得到你想要的效果。这次跟小伙伴交流的时候发现我的盒子就套的不是很好,因为我之前有过老是无法居中的问题嘛,然后后来就惯性的一层一层的套,比如说那个页眉一层,图片和右边的一些大字一层,下面的what when how一层 然后每一层都是margin: 0 auto; 然后所有内容装在一个大盒子里 最外面一个盒子设计内边距和阴影。 其实那个地方如果把图片和what when how放一个盒子里的话,可以少一个盒子并行问题。

 

其他的收获:

1.周末写了高数卷子,高数卷子有三页,然而我却只写了一页...第二页我尝试想动笔写,可是我失败了...真的难..主要是求极限,因为有好几课都涉及到求极限,所以我不知道用哪个方法之类的,该怎么转换..所以要多做例题 写卷子也回想起了一些以前的知识。

2.做了一个英语quzi,难受的一批,完整的做了一个小时,太难了,好几个词都得百度,就算知道意思,我也不怎么会做,难过。然后只有68...

3.足球最多能颠15个啦~虽然有好几个都是踢毽子式颠球,还是很开心哇,这是一种质的飞跃,天知道我的运气有多好才能颠这么多下

 

 

 

下周计划:

 月考核越来越近,心情很复杂,心里没有底气,虽然每周都还可以的做完了周任务,但是感觉自己还是比较弱的,我是比较容易出问题..虽然最后我还是自己解决了自己的各种bug,我告诉自己,尽力就好,满棒的一次经历的,也学了很多东西,真的收获了很多。每次都认真的写了周总结,虽然培养人同志嫌弃我的文笔,觉得我写的像流水账...但是这就是我的风格~我是写给自己看的哇,更何况我可是写了好几篇稿子上了官网和微信公众号呢,怎么可能文笔很差嘛。 总之,虽然日子过的挺累的(都怪自己作...自己选择的,就得承受..),但是很开心。

 这周事情也很多...差不多要十一月中旬了,各种排练节目接踵而来,又恰好在这周...唉。所以尽量有空余时间都得来工作室,然后要好好复习一下HTMLCSSC语言也要捡一下,复习复习。之前CSS看的特别草率...等我需要用的时候我才会去百度看有哪些会有这样的效果。

  这周可以看一下自己之前的总结,看看以前用过哪些样式哇之类的,整理一下代码,一些细节是用什么方式实现的,并考虑能否优化。

 最后如果有空余时间,研究一下优秀作品的代码,多沟通交流,每次听到别的小伙伴讨论专业性知识的时候挺懵逼,只有跟我们组讨论的时候...才找回到自己的舌头...

  这周高数先放一放...下周先

  阳光长跑和体侧快截止了...别再拖延症了。

猜你喜欢

转载自blog.csdn.net/xiaoweiqwe/article/details/78534985