css模型有哪些属性 |css自定义高度

.box{
width:100px; /*宽度*/
height:100px; /*高度*/
margin: 10px; /*外边距*/
padding: 20px; /*内边距*/
border: 1px solid black; /*边框*/
background-color: gray; /*背景颜色*/
float: left; /*浮动*/
position: relative; /*定位*/
z-index: 1; /*堆叠顺序*/
}

宽度和高度：分别用来设置盒子的宽度和高度。

外边距和内边距：外边距是指盒子和周围元素之间的距离，内边距则是盒子和其中的内容之间的距离。

边框：指盒子的边界线，可以指定边框的厚度、样式和颜色。

背景颜色：指盒子背景的颜色。

浮动：指使盒子以浮动的方式呈现，可用于实现多列布局。

定位：指通过指定盒子的位置属性来摆放盒子。常用的定位属性有absolute和relative。

堆叠顺序：指多个元素重叠时各自在哪个层面呈现。堆叠顺序越高的元素越可能覆盖其他元素。