最近进行了css的个人实训,让我对css有了更深入的了解和掌握。在前几天的实训中,我学到了不少css的技巧和实现方法,通过整理和总结,现在与大家分享。首先,我学到了如何使用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的个人实训,让我有了更全面、更深入的理解,相信在未来的工作中,这些知识和技巧也一定会派上用场。
粉丝
0
关注
0
收藏
0