box-style-lab-online-web-sp-000

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