在網頁設計中，CSS是不可或缺的一部分。CSS可以為網頁提供美觀的外觀和易于使用的布局。以下是一些可用于布局的CSS：

.box {
display: flex;
}
.column {
flex-direction: column;
}
.row {
flex-direction: row;
}
.flex1 {
flex: 1;
}
.flex2 {
flex: 2;
}
.center {
justify-content: center;
align-items: center;
}
.space-between {
justify-content: space-between;
}
.space-around {
justify-content: space-around;
}
.wrap {
flex-wrap: wrap;
}
.unset {
margin: unset;
padding: unset;
border: unset;
}
.clearfix::after {
content: "";
clear: both;
display: table;
}

這些CSS屬性可以幫助您創建具有不同布局和大小的元素。例如，.box類使用display:flex屬性將它子元素列成水平線，.column和.row類將它們變成垂直線和水平線。.flex1和.flex2類將子元素的寬度按比例分配，.center類將元素水平和垂直居中。.space-between和.space-around類使子元素在父元素中保持等距。.wrap類將子元素包裝到容器的第二行。最后，.unset類可以消除元素的所有邊距和邊框，.clearfix類可以幫助您在行尾清除浮動。