目录
-
- 📋 个人简介
-
🌺前言
-
- 🌸考察范围和分析
-
🌸给页面画个妆
-
- 🌷题目要求
-
🌷题目文件
-
🌷题解分析
-
🌷题解代码
-
🌺结语
===================================================================
我们都知道，蓝桥杯是近几年特别火的一个竞赛，同时，我也看到了越来越多的人在程序设计组竞争，那么，有没有竞争稍微弱一点的组别呢！怀着期待，十二届蓝桥杯大赛增加了web开发组，也就是说今年是第一届web开发组赛事，所以说竞争不大哦！你还在犹豫吗！快来跟着博主一起打卡学习吧！
在开始今天的刷题之前，我们先看一下官网给的考题范围。
综上来看，目前只要你学好三件套，jquery就可以参加比赛了，会vue.js就更好啦！其他的目前了解就好，后面有时间慢慢学。
-
通过做题，你会发现我们web开发和程序设计会有很多的不同，我们侧重问题的分析，他会给你一个有问题的题目，让你通过调试补全残缺的css，js等，只要你最终实现这个功能就行。
-
像Bootstrap,ElementUI这些前端ui框架学一下就好，基本都是看文档开发的东西，大概学一学，他不会让你直接写的，而是他给出的html,css代码有些是用这些写的，只要你会分析就可以。
-
像LESS,node.js,webpack目前可能也基本不会考到,目前考题基本都是通过分析实现页面功能，我们最笨用计算器作运算写css就可以,没必要写LESS,而且比赛时他们不会提供vscode中的easyless插件。
-
ECharts也基本是看文档开发，你知道他的x轴和y轴的配置方法就可以，其他的一些配置看看有个印象吧！
因为是刚开这个web组的比赛，所以可能相比其他赛道竞争少一点，所以你还在犹豫什么！！！
🌷题目要求
本题目让我们完成一个登录页面的布局，补全剩余的css代码就好，其他的不用修改
文件结构如下：
其中style.css是我们要修改的文件，要把页面布局为如下样式:
页面关键样式说明如下:
- 表单外观样式:高为600px、宽为450px、背景颜色为rgba(0，0，0，.45)、圆角边框为10px。
- 表单顶部的头像图片样式:宽和高均为200px、圆角50%。
- 表单中的二级标题样式:字体大小为45px、字体粗细为800。
- 表单中按钮样式:宽为80px、高为30px、边框颜色为#041c32、背景颜色为#2d4263、字体大小为16px、字体颜色为white。
- 表单中输入框的样式:字体大小为20px、圆角边框为5px、宽度为300px。
然后其他的参考下图标注：
🌷题目文件
🍀🍀🍀图片素材🍀🍀🍀
🍀🍀🍀html文件代码🍀🍀🍀
返回
请登录
登录
重置
|
🍀🍀🍀css代码🍀🍀
- {
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
最后
前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档
一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
文档**
[外链图片转存中…(img-q5NQ3YfE-1712461591324)]
[外链图片转存中…(img-bAn42PtN-1712461591324)]
一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-V2gJeo4d-1712461591324)]
扫一扫
306
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
