软件园学生在线

  • {{ item.name }}
  • 2023试用期

登录与注册

【芦映恺:第一次前端培训】

  • 芦映恺
  • 2022-10-13
  • 0

第一次前端培训:芦映恺

前言:第一次前端培训上的是网课,所以做的不太好呜呜

从头到尾列举这一周学到的知识

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

    结束语:感谢前端学长的悉心教导和答疑解惑!

芦映恺
芦映恺
© 2025 软件园学生在线
Theme by Wing