KeyUp1 Westagram Login-page (HTML & CSS & JavaScript) HTML 구조도 Westagram 로그인 비밀번호를 잊으셨나요? 간단하게 form구조를 사용해서 만들어보았다. 이미지의 경우는 너비에 따라 비율에 맞게 자동으로 높이가 형성되기 때문에 너비와 높이값을 안주었고 그 외의 영역들은 내용 + padding으로 높이를 설정했다. 내가 Bottom-Up방식을 사용한 이유는 ?? 즉 가장 큰 전체를 감싸고 있는 요소인 wrap에는 특정한 고정된 값을 주는 것이 아니라 오직 padding만 특정한 값을 주고 그 안에 있는 로고나 input, button들에게만 width로 특정한 고정된 값을 줌으로써 차후에 기획 등이 바뀌어도 상위의 구성요소들의 값 또한 바꿔줘야하는 불상사를 막기 위해서다. 앞에서 설명한 이러한 CSS 방식을 Bottom up 방식이라고 한다. .. 2022. 2. 12. 이전 1 다음
