創建一個註冊頁面，如twitter /註冊？

Question

很多較新的網站都有整齊的註冊表單。我做C++/java dev，並且正在進入web dev，css對我來說有點神祕。

如果我想創建一個像twitter.com/signup這樣的頁面，我知道我可以使用firefox並嘗試使用螢火蟲複製佈局。儘管如此，這需要一些時間。

有沒有對我們的新手有什麼樣的資源，通過創建那些漂亮的註冊頁面來引導我們？他們現在看起來非常相似（居中頁面，大文本輸入字段等）。

我意識到這是一個有點一般，只是在尋找一個很好的起點，

感謝

Answer 1

它通過CSS全部完成，其實很簡單。

你真的想看看一些CSS資源以及你喜歡的一些頁面的源代碼。

http://www.w3schools.com/css/default.asp
http://www.cssbasics.com/
http://csslearn.com/

實施例：

Twitter正輸入端上的

<input autocomplete="off" class="text_field" id="user_name" maxlength="20" name="user[name]" size="20" tabindex="1" type="text" /> 

而CSS使用class="text_field"是

input.text_field{ 
    border:1px solid #ddd; 
    font-size:14px; 
    padding:8px; 
    width:200px; 
    margin:0; 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
}