[1011] 웹 프로그래밍 HW1 Start- 기본 틀 만들기

 

오늘은 이 두 페이지 틀만을 구현했다. 위치를 잡는 것이 조금 어려웠다. 

글자 수에 따라서 박스 안에서 움직이는 요쇼들의 margin을 각각 따로따로 주어서 정렬을 맞춰야 했던 점이 조금 번거로웠다. br 태그나 다른 span 태그를 이용하여 태그 요소들 간의 줄간격을 따로 조절해주었다. span 태그를 br 태그들이 있는 구조에 감싸서 170%로 줄간격을 다시 정해주었다.

 

또한 화면을 줄이거나 늘이면 본래 형태가 망가지는 모습을 보아서 이는 css의 position: fixed로 제일 바깥의 box에 지정하여 화면의 크기에 상관없이 본래 형태를 유지하도록 설정하였다.