Jeden Tag, aufrichtig und lustig.

약 5시간 동안 끙끙거리면서 만들어 낸 로그인 화면이다. 마크업하면서 어떻게 시맨틱하게 마크업 할 수 있을지 고민했고, 스타일링하면서는 효율적이고 깔끔한 방법에 대해 고민했다. 고민의 결과, 가독성을 위해 주석을 다는 시도를 해보았다! 구현하면서 봉착했던 큰 어려움은 크게 2가지였다. 1. weniv 로고와 텍스트의 정렬 2. 하단의 패딩 1. weniv 로고와 텍스트의 정렬 아직도 해결을 못한 상태이다. 로고와 텍스트의 부모요소에 아래와 같이 코드입력을 하였지만, 텍스트가 약간 위로 올라와있어 아쉽다. vertical-align: middle; 2. 하단의 패딩 하단 요소들에 padding-bottom값을 부여해도 border와 붙어있어 보기 좋지 않았다. 하단 아이디 / 비밀번호 찾기와 회원가입 요소..

layout 기본 레이아웃 사이트 제목 사이드바 본문 푸터 3단 레이아웃 html 사이트 제목 사이드바 본문 사이드바 푸터 css * { margin:0; padding:0; box-sizing: border-box; } #container{ width: 1200px; margin: 20px auto; } #header{ width: 100%; height: 120px; background-color: #acacac; } #left-sidebar{ width: 250px; height: 600px; background-color: #e9e9e9; float: left; } #contents{ width: 800px; height: 600px; background-color: #f7f7f7; float: ..