BIT前端训练营 | 20211231课 web布局上

最新推荐文章于 2024-07-23 14:51:29 发布
最新推荐文章于 2024-07-23 14:51:29 发布
阅读量207 收藏
点赞数
分类专栏： 百度前端训练营 文章标签： 前端 css css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43248263/article/details/122254241
版权

在这里插入图片描述

css flex布局

在这里插入图片描述
容器属性
flex-direction
flex-wrap
flex-flow
项目属性
flex-basis:控制main size，如果没有width，他就会去找外部的main size；如果有width，就是width来控制宽度
空间分配
flex-grow：对剩余空间的分配
flex-shrink：对溢出空间的分配（默认1）
在这里插入图片描述
在这里插入图片描述

titi子柚
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
BIT前端训练营 | 20220104课 web布局下
qq_43248263的博客
01-03 217
一、讲解作业 flex布局 分left，right left设置宽度30%，right自适应，则设置flex：1.表示flex-grow，shrink，basis都为1。 画线框图 纯文本垂直居中:文字居中＋行高设置 拆分导航：用flex，flex-between 个人中心板块： 头像，姓名等：水平居中（css定位：子绝父相＋偏移left，top/transform） 消息三个图标：也可以用flex 消息图表上的数字：包裹在消息图标内，子绝父相在进行偏移 鼠标悬浮展示其他消息： 伪类：hover 悬
BIT前端训练营笔记（一）| 20211225 预习 | 常用标签、语义化、响应式设计
qq_43248263的博客
12-27 287
百度前段训练营笔记 20211225 预习 html常用标签 img的alt=" "属性 alt 属性是一个必需的属性，它规定在图像无法显示时的替代文本。 ol 有序列表；ul无序列表 <em>是斜体 <strong>是强调的内容 <input type="text" placeholder=" ">文本框 <input type="checkbox">复选框 <input type="checkbox" id="cbox
【腾讯云Cloud Studio实战训练营】如何轻松实现一个Springboot+Vue学生管理系统及我的使用感受
Maynor的博客
07-21 1742
在这个博客中，我将介绍如何使用Cloud Studio打造一个基于Spring Boot和Vue的学生管理系统。该系统旨在提供一个简单而功能丰富的平台，用于管理学生的信息和课程，并提供一系列功能来增强教育管理的效率和便捷性。学生管理系统主要包括以下功能：学生信息管理：管理员可以添加、编辑和删除学生的基本信息，如姓名、年龄、性别、联系方式等。学生也可以登录系统查看并编辑自己的信息。该学生管理系统提供了一个友好的用户界面，使用Vue作为前端框架，实现了响应式的设计和良好的用户体验。后端使用Spring Boot
算法训练营 重编码_完成编码训练营后的第一年，我学到了教训。
热门推荐
08-01 1万+
算法训练营 重编码by Mario Hoyos 通过马里奥·霍约斯(Mario Hoyos) 完成编码训练营后的第一年，我学到了教训。 (Lessons I learned the first year after completing a coding bootcamp.) 从那以后，帮助我成为更好的程序员的资源。 (And the resources that have helped m...
“全网最全”LLM推理框架集结营 | 看似微不足道，却决定着AIGC项目的成本、效率与性能!
WZZ18191171661的博客
04-18 2460
TensorRTLLM包含用于创建执行这些TensorRT引擎的Python和C++运行时的组件。它还包括一个与NVIDIA Triton推理服务器集成的后端；为LLM服务的生产质量体系。使用TensorRT LLM构建的模型可以在各种配置上执行，从单个GPU到具有多个GPU的多个节点（使用Tensor并行性和/或管道并行性）。
前端分离的前端开发工具_使我成为前端开发人员工作的工具和资源
07-29 645
前端分离的前端开发工具Learning front-end development can be a bit overwhelming at times. There are so many resources and tools, and so little time. What should you pick? And what should you focus on? 有时，学习前端开发可能...
前端项目结构构建_如何通过构建项目成为更好的前端开发人员（包括想法）
08-20 350
前端怎么构建项目If you want to fast-track your growth as a front-end developer, nothing beats doing real development projects.The truth is you can watch all the tutorials and courses in the world, but without...
大数据开发初学者学习路线_初学者的Web开发路线图
cumi6497的博客
08-11 1356
大数据开发初学者学习路线This beginner's roadmap lays out all the basics for web development. We’re going to go through each step–from figuring out what code editor to use, to what JavaScript framework or back-end...
java web开发初学_2018年学习Web开发的绝对初学者指南
07-21 857
java web开发初学This post was originally published on Coder-Coder.com. 该帖子最初发布在Coder-Coder.com上 。 If you’re a beginner coder, this guide is for you! 如果您是初学者，那么本指南适合您！ Here is what this guide covers: 本指南...
Web前端开发与iOS终端开发的异同iOS开发技巧共5页
11-25
Web前端是互联网应用中用户可以直接看到和交互的部分，包括网页设计、布局、交互逻辑等。主要技术栈包括HTML（超文本标记语言）、CSS（层叠样式表）和JavaScript。HTML用于构建页面结构，CSS负责样式设计，...
前端开源库-bit-bundler-minifyjs
08-30
`bit-bundler-minifyjs` 是一个针对JavaScript的前端开源库，主要用于代码压缩，它作为`bit-bundler`的插件，帮助开发者实现JavaScript文件的最小化，从而减少网络传输的数据量，提升用户体验。 `bit-bundler`是一...
microbit（上册）第9课 呼吸灯 .pdf
02-24
microbit（上册）第9课 呼吸灯 .pdf
microbit（上册）第1课 Hello World .pdf
02-24
microbit（上册）第1课 Hello World .pdf
Proficy Webspace 使用56-bit DES加密连接方法.pdf
05-14
Proficy Webspace 使用56-bit DES加密连接方法 Proficy Webspace 使用56-bit DES加密连接方法 Proficy Webspace 使用56-bit DES加密连接方法 阿云SSL证书 PEM证书格式
5.CSS学习（浮动）
最新发布
ShawLee0925的博客
07-23 155
css浮动——float特点
Vue使用FullCalendar实现日历/周历/月历
_小郑有点困了的博客
07-23 72
需求背景：项目上遇到新需求，要求实现工单以日/周/月历形式展示。而且要求不同工单根据状态显示不同颜色，一个工单内部，需要以不同颜色显示三个阶段。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 916
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
VUE 子组件可以直接改变父组件的数据吗
Cshaosun的博客
07-23 59
如果子组件需要修改父组件的数据，‌应该通过触发一个自定义事件来通知父组件进行数据的变更。‌父组件在接收到子组件触发的事件后，‌可以修改数据，‌从而间接地改变父组件的数据。‌这种方式通过明确的事件通信机制，‌保证了数据流的单向性和组件之间的解耦。需要注意的是，‌虽然Vue提供了一些特殊的方法来实现子组件修改父组件数据，‌但这种方式打破了数据流的单向性，‌增加了组件之间的耦合性，‌因此应谨慎使用。在Vue中，‌如果确实需要在子组件中修改父组件的数据，‌可以通过以下步骤实现：‌。
P4CON &= ~(BIT2|BIT4|BIT5); P4PH |= (BIT2|BIT4|BIT5);
11-15
P4CON &= ~(BIT2|BIT4|BIT5); P4PH |= (BIT2|BIT4|BIT5); ``` 其中，`&=`表示按位与后赋值，`~`表示按位取反，`|=`表示按位或后赋值，`BIT2`、`BIT4`、`BIT5`是宏定义的常量，表示二进制数的对应位为1，其他位为0。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值