Box-style-Lab-onl01-seng-ft-090820

盒子风格实验室 目标 练习编写和使用CSS进行盒式样式 探索border ， box-shadow ， background和linear-gradient() CSS函数 介绍 正如您已经注意到的（作为Internet的非编程最终用户），大多数网站都使用方框来表示内容。 有时我们会看到这些框的边界，有时它们会产生轻微的3D效果，有时当我们将鼠标悬停在它们上方时它们会改变颜色。 现在，作为您的Web程序员，您知道这样做有充分的理由！ DOM通过HTML和CSS的指示，默认为其大多数元素使用箱形。 这样，我们可以通过多种方式来操纵HTML框，为其添加效果以及为其设置样式。 使用“之前”和“之后”示例，我们将页面转换为基于列的演示。 为此，我们将练习编写基于规则的可重用CSS的技能。 该实验室是直接在Chrome Inspector工具中练习编辑CSS的绝佳时机。 这使我们可以动态更改属