Twitter/가입과 같은 가입 페이지를 만드시겠습니까?

Question

많은 최신 사이트에는 깔끔한 가입 양식이 있습니다. 나는 C++/java dev을 사용하고 있으며 웹 개발자에게 익숙해지고있다. CSS는 아직 나에게 미스터리이다.

twitter.com/signup과 같은 페이지를 만들고 싶다면 firefox를 사용하고 방화 광구를 사용하여 레이아웃을 복사 해보십시오. 이것은 통과하기 위해 약간의 시간이 걸릴 것입니다.

멋진 가입 페이지를 만드는 과정을 초보자를위한 방법 리소스가 있습니까? 그들은 모두 요즘 같이 (센터링 된 페이지, 큰 텍스트 입력 필드 등) 매우 유사하게 보입니다.

나는

감사

Answer 1

가 모든 CSS를 통해 이루어집니다, 정말 간단 실제로, 이것은 단지 좋은 시작 장소를 찾고, 비트 일반적이다 깨닫는다.

당신은 정말 좋아하는 일부 페이지의 소스 코드뿐만 아니라 일부 CSS 리소스를보고 싶을 것입니다.

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

예 :

트위터 입력

<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; 
}