赛事结果:省一/国二 2022第十三届蓝桥杯第一次开放了web组赛道,博主作为一名前端小白,参加了这次比赛。一共十个题目,目的均是实现特定的网页效果,考点包含三件套、jQuery和vue,这里简单的进行一下个人的题解记录。 目录 01 水果拼盘(5分) 02 展开你的扇子(5分) 03 和手机相处的时光(10分) 04 灯的颜色...
「蓝桥杯」https://www.aliyundrive.com/s/7fsobhSy8dZ提取码: 34pi 1. 水果拼盘🎖️🎖️🎖️ 🌟介绍: 目前CSS3中新增的Flex弹性布局已经成为前端布局的首选方案,本题可以使用Flex属性快速完成布局。 🌟准备: 开始答题前,需要先打开本题的项目代码文件夹,目录结构如下: 其中: css/style.css是...
1. 水果拼盘🎖️🎖️🎖️ 🌟介绍: 目前CSS3中新增的Flex弹性布局已经成为前端布局的首选方案,本题可以使用Flex属性快速完成布局。 🌟准备: 开始答题前,需要先打开本题的项目代码文件夹,目录结构如下: 其中: css/style.css是需要补充的样式文件 ...
1. 水果拼盘🎖️🎖️🎖️ 这道题考察了css3的flex属性,非常简单,只需要三行代码✌️✌️: /* TODO:待补充代码 */ #pond { /* 设置flex布局 */ display: flex; /* 使元素纵向从上往下排列(顶对齐)。 */ flex-direction: column; /* 允许内容换行 ...
1. 水果拼盘🎖️🎖️🎖️ 这道题考察了css3的flex属性,非常简单,只需要三行代码✌️✌️: /* TODO:待补充代码 */#pond{/* 设置flex布局 */display: flex;/* 使元素纵向从上往下排列(顶对齐)。 */flex-direction: column;/* 允许内容换行 */flex-wrap: wrap; ...
1. 水果拼盘???️???️???️ ???介绍: 目前CSS3中新增的Flex弹性布局已经成为前端布局的首选方案,本题可以使用Flex属性快速完成布局。 ???准备: 开始答题前,需要先打开本题的项目代码文件夹,目录结构如下: 其中: ...
1. 水果拼盘???️???️???️ 这道题考察了css3的flex属性,非常简单,只需要三行代码✌️✌️: /* TODO:待补充代码 */ #pond{ /* 设置flex布局 */ display:flex; /* 使元素纵向从上往下排列(顶对齐)。 */ flex-...