前言
通过一周对于前端的学习,怎么说呢,感觉还可以。主要的学习途径为培训课程,B站,百度以及菜鸟教程。虽然感觉学了很多东西,但感觉还是要多去实践,去应用。比如本次作业,看起来很简单,但是当真正动手去做时,还是遇到了许多问题。所以还是要不断努力学习,不断实践的。
一些笔记
(哈哈,其实有点懒,好多东西都是以截图的形式保存,还没来得及整理成笔记,只有下面这一部分,主要说说作业的的开发过程吧)
快捷键
1.CTRL+/ 添加注释/取消注释
2.CTRL+S 保存
3.ALT+L ALT+O 在浏览器中打开html
4.新建文件记得加后缀:.html
5.! 生成html骨架
6.CTRL+C 复制
7.CTRL+V 粘贴
8.CTRL+A 选中全部
9.SHIFT+home/end 选中光标前一个/后一个文字
10.CTRL+D 选中之后多个相同文字
11.同级文件:./ 上级文件:../
12.谷歌调试工具:f12/鼠标右键检查
html的使用
1.使用了div标签构建了多个块
2.使用了img标签并用相对路径插入了图片
3.使用了h3标签为图片添加了横幅文本
4.使用了br标签进行换行
5.使用了button标签构建了两个按钮
6.好像只有把作业解压之后图片才能正常显示,所以为图片添加了alt属性,显示图片无法加载时的情况
css的使用
1.使用background-img添加了背景图
2.使用 background-size: cover使图片自适应平铺
3.使用text-align: center使文本居中
4.使用类选择器为图片设置了height width
5.使用display: inline-block使div标签转换为行内块元素,以使五张图片可以处于一行
6.使用padding margin分别设置了盒子的行内距与行外距
7.使用hover伪类及transform: scale和 transition实现了鼠标位于图片时,使图片的放大
js的使用
(其实没怎么学js,只是在网上搜了点如何实现网页跳转,之后迷迷糊糊的就弄上了)
1.写在script标签内
2.使用function A() { window.location.href="" }
,并为button添加onclick属性,实现了网页跳转
总结
通过这一周的学习收获的许多,当然还是仍需努力,希望可以早日从小白变成大佬呀