目录前言1.FloatingActionButton2.制作浮动操作按钮的菜单2.1显示浮动操作按钮菜单2.2隐藏浮动操作按钮菜单3.一个新的圆形动画3.1创建一个Activity3.2构建UI前言浮动动作按钮(FAB)已经成为最简单的组件之一，成为设计师和开发人员快速和必不可少的最爱。家人们，这篇文章将向您展示如何使您的应用程序FAB交互式，以及如何制作自己的动画。但是让我们从简单的开始，将浮动操作按钮添加到一个Android项目中。浮动动作按钮看起来像这样的布局文件，如果创建一个空白活动的AndroidStudio项目，将自动生成；android.support.design.widget
3月28日消息，据估计和报道，微软的NextValley（通常被外界称为 Windows12）系统可能还有大约一年的时间才会推出，但我们可能已经对这个下一代Windows版本的外观有了相当好的了解。去年10月左右，微软可能不小心泄露了一个新的 Windows11 界面，显示有浮动的任务栏和顶部的通知区域。第一张泄露的图片不是很清楚，但新的更清晰的图片顶部清楚地写有“NextValleyPrototypeDesign”的字样。IT之家注意到，微软似乎正在逐步朝着这样一个设计目标前进。该公司在Devbuild25300中悄悄地添加了一些字符串，增加了以下功能：隐藏任务栏时钟、隐藏系统托盘中的时间
3月28日消息，据估计和报道，微软的NextValley（通常被外界称为 Windows12）系统可能还有大约一年的时间才会推出，但我们可能已经对这个下一代Windows版本的外观有了相当好的了解。去年10月左右，微软可能不小心泄露了一个新的 Windows11 界面，显示有浮动的任务栏和顶部的通知区域。第一张泄露的图片不是很清楚，但新的更清晰的图片顶部清楚地写有“NextValleyPrototypeDesign”的字样。IT之家注意到，微软似乎正在逐步朝着这样一个设计目标前进。该公司在Devbuild25300中悄悄地添加了一些字符串，增加了以下功能：隐藏任务栏时钟、隐藏系统托盘中的时间
目录盒子模型浮动布局（float）1.什么是浮动2.浮动的作用3.浮动有俩个特点4.浮动（float）格式5.浮动会造成父标签塌陷这是一个不好的现象因为会引起歧义6.解决父标签塌陷问题溢出属性（overflow）内容溢出的应用场景-头像设置定位静态static1.relative（相对定位）2.absolute（绝对定位）3.fixed（固定）优先展示文本内容脱离文档流(就是原来的位置是否保留)1.什么是脱离文档流？2.主要作用于的对象3.不脱离文档流4.脱离文档流z-index之模态框案例层叠顺序模拟z-index模态框静态页面小练习盒子模型margin：用于控制元素与元素之间的距离，它的最
目录盒子模型浮动布局（float）1.什么是浮动2.浮动的作用3.浮动有俩个特点4.浮动（float）格式5.浮动会造成父标签塌陷这是一个不好的现象因为会引起歧义6.解决父标签塌陷问题溢出属性（overflow）内容溢出的应用场景-头像设置定位静态static1.relative（相对定位）2.absolute（绝对定位）3.fixed（固定）优先展示文本内容脱离文档流(就是原来的位置是否保留)1.什么是脱离文档流？2.主要作用于的对象3.不脱离文档流4.脱离文档流z-index之模态框案例层叠顺序模拟z-index模态框静态页面小练习盒子模型margin：用于控制元素与元素之间的距离，它的最
CSS进阶内容—浮动和定位详解我们在学习了CSS的基本知识和盒子之后，就该了解一下网页的整体构成了当然如果没有学习之前的知识，可以到我的主页中查看之前的文章：秋落雨微凉-博客园CSS的三种布局流派网页布局的本质就是用CSS控制盒子的摆放来形成页面CSS提供了三种流派来控制盒子：普通流浮动定位所谓普通流就是我们前面所学习的内容：标签按照规定好的默认方式排序块级元素独占一行行级元素顺序排列，遇到父元素边缘换行接下来让我们走进浮动和定位的世界浮动首先我们为什么需要浮动呢？我们使用浮动当然是因为一些要求我们的标准流无法完成我们使用浮动最常见的应用场景就是将多个块级元素div等并排放置（纵向排列标准流，
CSS进阶内容—浮动和定位详解我们在学习了CSS的基本知识和盒子之后，就该了解一下网页的整体构成了当然如果没有学习之前的知识，可以到我的主页中查看之前的文章：秋落雨微凉-博客园CSS的三种布局流派网页布局的本质就是用CSS控制盒子的摆放来形成页面CSS提供了三种流派来控制盒子：普通流浮动定位所谓普通流就是我们前面所学习的内容：标签按照规定好的默认方式排序块级元素独占一行行级元素顺序排列，遇到父元素边缘换行接下来让我们走进浮动和定位的世界浮动首先我们为什么需要浮动呢？我们使用浮动当然是因为一些要求我们的标准流无法完成我们使用浮动最常见的应用场景就是将多个块级元素div等并排放置（纵向排列标准流，
怎么样子盒子能撑起父盒子？从行内元素跟块元素来看:一般情况下，行内元素只能包含数据和其他行内元素。而块级元素可以包含行内元素和其他块级元素.块级元素内部可以嵌套块级元素或行内元素。建议行内元素里面只嵌套行内元素。行内元素只能包含内容或者其它行内元素，宽度和长度依据内容而定，不可以设置，可以和其它元素和平共处于一行；而块级元素可以包含行内元素和其它块级元素，且占据父元素的整个空间，可以设置width和height属性，浏览器通常会在块级元素前后另起一个新行。行内元素尺寸由内含的内容决定，盒模型中padding,border与块级元素并无差异，都是标准的盒模型，但是margin却只有水平方向的值，
怎么样子盒子能撑起父盒子？从行内元素跟块元素来看:一般情况下，行内元素只能包含数据和其他行内元素。而块级元素可以包含行内元素和其他块级元素.块级元素内部可以嵌套块级元素或行内元素。建议行内元素里面只嵌套行内元素。行内元素只能包含内容或者其它行内元素，宽度和长度依据内容而定，不可以设置，可以和其它元素和平共处于一行；而块级元素可以包含行内元素和其它块级元素，且占据父元素的整个空间，可以设置width和height属性，浏览器通常会在块级元素前后另起一个新行。行内元素尺寸由内含的内容决定，盒模型中padding,border与块级元素并无差异，都是标准的盒模型，但是margin却只有水平方向的值，
在元素设置浮动（float）后，该元素就会脱离文档流，并且向左或向右浮动，直至它的外边缘遇到包含框或者另一个浮动框的边缘。一、浮动元素对布局的影响1.1、浮动元素造成父元素的高度塌陷：原来的父元素高度是内部元素撑开的，但是当内部元素浮动后，脱离文档流浮动起来，那父元素的高度就坍塌，变为高度0px。.container{border:1pxsolidblue;}.box{width:100px;height:100px;margin:10px;background-color:red;float:left;}上述代码中container元素的高度将会是0px。1.2、浮动元素对邻近非浮动元素造成
