文件名称：box-style-lab-online-web-sp-000
文件大小：718KB
文件格式：ZIP
更新时间：2024-04-05 03:35:34
Ruby
盒子风格实验室 目标 练习使用CSS编写和使用盒式样式 探索border ， box-shadow ， background和linear-gradient() CSS函数 介绍 正如您已经注意到的（作为Internet的非编程最终用户），那里的大多数网站都使用方框来表示内容。 有时我们看到这些框的边界，有时它们具有轻微的3D效果，有时当我们将鼠标悬停在它们上方时它们会改变颜色。 现在，作为您的Web程序员，您知道这样做有充分的理由！ DOM通过HTML和CSS的指示，默认为其大多数元素使用箱形。 因此，我们可以通过多种方式来操纵HTML框，为其添加效果以及为其设置样式。 使用“之前”和“之后”的示例，我们将页面转换为基于列的演示。 为此，我们将练习我们的技能，以编写可重复使用的，基于规则CSS。 该实验室是直接在Chrome Inspector工具中练习编辑CSS的绝佳时机。 这使
【文件预览】：
box-style-lab-online-web-sp-000-master
----css()
--------style.css(766B)
----images()
--------leggo_my_eggo.jpg(34KB)
--------galaxy_note.jpg(25KB)
--------trouble.jpg(96KB)
--------mudblood.jpg(21KB)
--------truffleshuffle.jpg(24KB)
--------white-wood.jpg(176KB)
--------sobriety.jpg(22KB)
--------piggy_smalls.jpg(25KB)
--------bay_of_pigs.jpg(27KB)
--------porkchop.jpg(44KB)
--------rainbowdash.jpg(61KB)
--------the_prosciutto_concern.jpg(30KB)
--------intro-pic.jpg(89KB)
--------augustus_gloop.jpg(28KB)
--------cherub.jpg(19KB)
----index.html(2KB)
----CONTRIBUTING.md(2KB)
----Gemfile(90B)
----Gemfile.lock(821B)
----spec()
--------box_style_spec.rb(124B)
--------spec_helper.rb(3KB)
----LICENSE.md(1KB)
----.gitignore(470B)
----.learn(147B)
----README.md(4KB)