📅 最后修改于: 2020-10-25 02:29:50 🧑 作者: Mango
çascadingštyle小号heets（CSS）是一种简单的设计语言旨在简化制作网页像样的过程。 CSS处理网页的外观。
使用CSS，您可以控制文本的颜色，字体的样式，段落之间的间距，列的大小和布局，使用的背景图像或颜色，布局设计，不同设备的显示变化和屏幕尺寸以及其他各种效果
要确定盒子的位置和尺寸，在CSS中，您可以使用一种可用的布局模式-
块布局-此模式用于布局文档。
内联布局-此模式用于布局文本。
表格布局-此模式用于布局表格。
表格布局-此模式用于放置元素。
所有这些模式都用于对齐特定元素，如文档，文本，表格等，但是，这些模式都无法为布局复杂的网站提供完整的解决方案。最初，这通常是使用浮动元素，定位元素和表格布局（通常）的组合来完成的。但是浮子只允许水平放置盒子。
除了上述模式之外，CSS3还提供了另一种布局模式Flexible Box，通常称为Flexbox 。
使用此模式，您可以轻松地为复杂的应用程序和网页创建布局。与浮动不同，Flexbox布局可以完全控制盒子的方向，对齐方式，顺序和大小。
以下是Flexbox布局的显着功能-
方向-您可以按任意方向（例如，从左到右，从右到左，从上到下和从下到上）排列网页上的项目。
顺序-使用Flexbox，您可以重新排列网页内容的顺序。
换行-如果网页内容的空间不一致（单行），则可以将它们换行成多行（水平和垂直）。
对齐-使用Flexbox，可以相对于其容器对齐网页内容。
调整大小-使用Flexbox，您可以增加或减少页面中项目的大小以适合可用空间。
以下是支持Flexbox的浏览器。