就称你为本周总结趴🥧

嗯~ o( ̄▽ ̄)o.............,怎么说呢...........感觉好久没写过简书了,U1S1,前面好像都是在划水........这周说下进程吧,上周吭吭哧哧把第一个DNF官网拿下来,在这周写网页的时候进度快了一些,完成了阶段剩下要求的四个网页,其中也有一些不足之处,发现了自己动画方面的不足之处,在写和平精英官网时着重练习了各种动画,如3D魔方,走马灯,手风琴切换引起的背景图切换......算是对动画能够初步的掌握。其中感觉在动画中应用的关键是input和label标签的搭配使用,真的方便了很多,结合opacity或者display:none,能够实现好多动画的展示。
这个阶段过程中给我最大感受的是,在后期用大屏写网页的时候和最后展现到小屏上显示出来的有差异,对于同学们常说的缩放问题上总是出现移动的问题,主要还是定位+margin没能够用好,其中在写华为官网的时候,因为其版面比较规整,在学长先前提到过了Flex布局,所以就刻意用了一下,当然在一些大的图片布局方面,flex布局确实展示了它的妙不可言之处,最后后面的网页在写nav栏时候尝试使用,发现在后面菜单栏的展示上,可能出现位置不匹配,这时候需要在通过padding或者margin来调试,总结下来,就是flex布局在大比较规整的盒子下或者图片中进行运用,且尽量只对一个盒子进行应用,多个盒子出现,会将其变成同一行。
在动画方面,第一次做轮播图,单纯的像个孩子一样用float,在后面写动画时候,轮播图用flex+overflow,更加合适,但是有一个问题就是如果再加上label标签的使用,如果装图片的盒子移动位置用relative,移动位置时候用%形式,发现后期在进行点击实现时候,无法得知移动距离,如果用px则能够知道精确位置,较为容易实现。
so..........我继续去追“同一屋檐下”了,就到这里吧(ง •_•)ง

木岚🌻

!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、CSS中的属性和取值 1.文本类属性: text-align属性:此标签内容的水平对齐方式,内容须为具体文字/...
    刘远舟阅读 3,635评论 0 1
  • 移动端适配 相对于PC端来说,移动端设备分辨率百花齐放,千奇百怪,对于每一个开发者来说,移动端适配是我们进行移动端...
    markdown阅读 7,114评论 0 42
  • 对HTML5的第一印象是害怕,由于之前并没有接触过代码,在Java小游戏阶段曾因为代码问题掉了好多头发,现在走...
    梦顔阅读 3,991评论 0 1
  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 5,559评论 0 6
  • 推荐指数: 6.0 书籍主旨关键词:特权、焦点、注意力、语言联想、情景联想 观点: 1.统计学现在叫数据分析,社会...
    Jenaral阅读 11,038评论 0 5

友情链接更多精彩内容