css上机报告总结100字

在这次CSS上机报告中，我们学习了如何利用CSS来美化网页。通过学习CSS的盒模型、选择器、定位方式、文本属性、背景属性以及浮动和清除浮动等知识，我们能够实现不同风格的网页设计。

/* 例如这段代码是设置一个图片的边框和圆角 */ 
img {
    border: 2px solid #ccc;
    border-radius: 10px;
}

除此之外，我们还学习了响应式设计的基本思想，通过媒体查询的方式来实现不同设备屏幕下的样式适配。同时，我们也练习了如何使用浏览器开发者工具对网页进行调试和优化。

/* 例如这段代码是针对不同设备屏幕下设置不同的字体大小 */ 
@media (max-width: 768px) {
    body {
        font-size: 16px;
    }
}
@media (min-width: 768px) {
    body {
        font-size: 18px;
    }
}

总体来说，这次CSS上机报告为我们提供了一个更加深入的了解CSS的机会，并且让我们在实践中掌握了CSS的常见技巧和应用方法。