728x90

로그인페이지 2

웹개발 종합반 1주차 (1-6) : 자주 쓰이는 CSS 연습하기

일단 여기까진 혼자 만들었는데.. div로 만든 공간을 이미지로 대체하는 법이 기억안나서 정답 확인. background-color 지우고 아래처럼 3줄 추가! 영역을 이미지로 덮을때는 이 3가지가 세트처럼 쓰인다. background-image background-size background-position 이미지는 구글링해도 되지만.. 안전한 무료이미지 쓰고싶어서 픽사베이에서 긁어왔다. (픽사베이 최고!) 다음은 전체 가운데 정렬 (웹 페이지 내에서) 일단 전체를 감싸는 div 태그 생성 배경 임시로 깔아보면 전체 영역은 기본적으로 가로를 최대로 채우고 있음 여백을 만들기 위해 로그인 페이지 만큼의 가로 길이를 정해주고 남는 양쪽 여백을 동등하게 하기. margin: auto; 배경색 제거. 나는 저..

웹개발 종합반 1주차 (1-4) : 간단한 로그인 페이지 만들기

quiz! ▶ 01_login.html 파일 새로 생성. ▶ 기본 틀에서 title 이름 바꾸기 ▶ body 내용을 배웠던 태그 활용해서 채우기. *hint (1) : 줄 정렬 관련 단축키. 뒤로 밀기 : tab 앞으로 당기기 : shift + tab 전체 선택 : ctrl + a 전체 정렬 : ctrl + alt + l *hint (2) : 구역을 나누는 태그 활용 아이디, 비밀번호 입력 칸이 같은 줄이 아님. p처럼 공간을 가지며 구역을 나누는 태그 활용하기. 완강한 후 복습이라 금방 풀었지만 어딘가 지저분한 코드. 해설 보고 정리했다. div 태그 등 활용해도 되지만 지금 같은 상황은 p를 사용. 태그마다 주로 쓰이는 역할대로 써주는 편이 좋음 (무언의 약속+ 검색 유리+보수 편함)

728x90