第一次前端培训:芦映恺
前言:第一次前端培训上的是网课,所以做的不太好呜呜
从头到尾列举这一周学到的知识
- 首先输入!直接获取格式
- title为文档标题 h1,2,3,4为由大到小的标题(自带加粗效果)
- head部分非常重要,在这里可以插入style标签定义文档样式,比如说这次作业中设定背景 !插入了背景图片,并学会了把背景图片铺满全屏。(最开始把style放到body部分遭受了失败) body{background-image: url(1.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
background-attachment: fixed;
background-position: center;
} - 在style中还可以统一规定某一范围图片/文本的宽度和高度,我在作业中用了test作为媒介
- 鼠标悬浮事件用到:hover
- 放大图片用到transform:scale()扩号中的数字越大,放大倍数应该会越大,我一开始设的过大把图片下面的字遮住了。
- 运用div标签把图片分区我感觉是十分方便的,配合制表的ul,li,就不用设置图片的位置了(千万不要在img标签中直接设置图片大小,否则会使图片不能放大,因为这样做设置了图片绝对大小)
- cener标签可以轻易的使图片/文本居中,只要加在每行代码前就行了,非常方便。没加center前我的图片都挤在左边了。
- 只要把图片和文字放在同1个li标签下,文字就会轻易的在图片下方了。
- 链接a href中间可以添加文字/图片,都可以实现页面跳转。
- 最后一定要在style中定义好框架,图片间距,图片大小
结束语:感谢前端学长的悉心教导和答疑解惑!