再用HTML5+CSS3根據教程做了個表單，做個總結。原文地址：http://line25.com/tutorials/create-a-stylish-contact-form-with-html5-css3
效果如如下
：
將表單放置在一個容器div元素中，這樣方便我們將表單居中。每個label元素的for屬性都引用了相應對應的input屬性的id（<label for="name">Name:</label><input type="text" id="name" placeholder="Enter your full name" />）這樣改善了表單的可訪問性。
而主要CSS部分呢，首先重置了瀏覽器的默認屬性。給容器div指定寬高，然后將其居中。然后呢使用css3給body設置了一個漸進的藍色背景。
input指定寬高，和內外邊距，背景色，圓角效果等。
在這個練習中遇到了給行內元素設置寬高的問題，總結如下：
在行內非替換元素設置寬高是不起作用的，只有塊級元素和行內替換元素才有width,height屬性。
如果想給一個行內非替換元素應用指定寬高可以通過如下方式：
1，浮動該行內非替換元素。float就是隱形的把內聯元素轉化為塊級元素。float會隱形地把改內聯元素轉化為塊級元素，但是他不會占據一行。相當於display:inline-block
2,display:inline-block,將該行內非替換元素設置為行內塊元素。