css个人实训总结

最近进行了css的个人实训，让我对css有了更深入的了解和掌握。在前几天的实训中，我学到了不少css的技巧和实现方法，通过整理和总结，现在与大家分享。

首先，我学到了如何使用css处理页面布局。在实践中，我通过使用flex布局、grid布局等方式，优化了页面的布局效果，实现了更符合设计要求的页面形态。

 display: flex;
  justify-content: center;
  align-items: center; 

其次，在实训中我也学习了如何使用css完成页面的样式调整。通过具体的实际操作，我掌握了边框、背景色、字体大小等基本样式属性的使用方法，同时也了解了一些新的样式技巧，如text-shadow、box-shadow等，通过这些方法，使页面更加美观。

 background-color: #fff;
  font-size: 16px;
  text-shadow: 1px 1px 2px #666;
  box-shadow: 1px 1px 2px #666; 

最后，我也在实践中学到了如何在不同设备上适配不同的样式效果。通过使用媒体查询，不同设备下可以展现不同的布局，达到对页面的响应式处理。

 @media (min-width: 768px) and (max-width: 1023px) {
    ...
  }
  @media (max-width: 767px) {
    ...
  } 

总之，这次css的个人实训，让我有了更全面、更深入的理解，相信在未来的工作中，这些知识和技巧也一定会派上用场。