这个表单效果是很普通，但其制作采用的方法却很有创新，其中用到老技术的是@font-face制作icon、box-shadow制作阴影等，最亮点是使用了calc（）函数来计算定位的值。这可是一种新玩法，虽然前面有介绍过这个属性的使用方法，后期的制作中却很少使用他，这个案例让我再次领略了calc()函数的功能。如果你喜欢，也可以尝试一下，自己动手丰衣足食。

了解了HTML和CSS的基本知识外，应该深入的探究一下HTML和CSS的语义化。在开始制作Web页面之前，需要了解一些，比如说哪些HTML元素是用来展示同类型内容的。这些元素是怎么工作的。这样才能更好的确保你需要的效果用对需要的元素和样式。今天Yaochun根据Shay Howe的《A Beginner's Guide to HTML & CSS》第二课《Elements & Semantics》所译，文章介绍了HTML元素以及如何写出来的结构更具语义化，从而让你的代码更有条理性。希望对初学者有所帮助。