css盒子模型置顶

.box{
  
  margin: 0;
  
  padding 0;
  
  border: none;
  
  display: block;
  
  width: 100%;
  
  height: 60px;
  
  line-height: 60px;
  
  position: absolute;
  
  top: 0;
  
  left: 0;
  
  z-index: 10000;
  
  background-color: #333;
  
  color: #fff;
}
 

以上是CSS样式表的设置代码，包括以下几个部分：

1. margin、padding和border都设置为0，以去除盒子模型元素的默认样式；
2. display被设置为block，以便占据整行；
3. width和height被设置为100%和60px，可以根据需要自行修改；
4. line-height被设置为60px，保证内容垂直居中；
5. position被设置为absolute，让元素脱离文档流，方便操作；
6. top被设置为0，让元素顶部对齐；
7. left被设置为0，让元素靠左对齐；
8. z-index被设置为一个较大的值，用于设置层级关系；
9. background-color和color为背景和文字颜色，可以根据需求自行修改。

要实现CSS盒子模型置顶，只需要将上述CSS样式表代码应用于具体的盒子模型元素即可，即将该元素的class属性设置为.box。

总体来说，通过CSS盒子模型置顶，可以让网页在视觉上更加统一和协调，提升网页的整体美观度和用户体验。