css3新特性中哪个经常用

在现代的网页设计中，CSS3是一个重要的技术。CSS3提供了许多新特性，可以让我们更好地实现网页布局和设计，其中经常用到的一个特性是Flexbox。
Flexbox被称为弹性布局，其目的是为了更好地控制盒状对象的排列、对齐和分布。在过去，实现复杂的布局往往需要使用JavaScript或者许多嵌套的HTML元素来实现。Flexbox则通过一些简单的CSS属性来实现更灵活的布局。
Flexbox的核心是一个称为flex container的父元素，内部包含称为flex item的子元素。父元素通过设置display属性为flex或者inline-flex来声明自己是一个容器，而子元素则使用flex属性来定义它在父容器中的大小、顺序以及对齐方式等布局信息。
下面是一个简单的例子，展示如何使用Flexbox实现一个基本的布局：

.container {
  display: flex;
  border: 1px solid black;
  height: 200px;
}
<br>
.item {
  flex: 1;
}
<br>
.item:first-child {
  flex-grow: 2;
}
<br>
.item:last-child {
  flex-basis: 100px;
}
<br>

在上面的代码中，我们定义了一个flex container，它有一个高度为200px的边框。在Flexbox中，容器内部的子元素会自动填充容器的所有可用空间。我们使用flex:1来给所有子元素分配相等的空间，然后使用flex-grow和flex-basis属性来特别定义第一个和最后一个子元素的大小和分布。
Flexbox的使用可以简化我们的布局代码，同时能够更好地兼容不同的设备和屏幕尺寸。它是一个非常有用的CSS3新特性，值得我们掌握和使用。