중첩박스란?
박스에도 부모자식 관계가 있다.
감싸고 있는 박스를 부모박스라고 부르고, 안에 들어있는 박스를 자식 박스라고 부른다.
중첩 박스는 곧 부모자식 관계를 가진 박스를 의미하고, 박스를 정렬하는 방법이 중요하다.
중첩박스로 레이아웃 만들기
-'container'라는 큰 박스안에 왼쪽 배너 'banner'부분과 로그인 박스 'login'부분을
div태그로 나눈다.
-그 후에 로그인 박스 안에 클래스속성을 이용해 버튼 박스인 'btn'부분을 만들어준다.
-css파일을 만들어 각 박스 부분의 클래스 속성값을 입력해준다.
*margin에 속성값을 px값 auto를 적용해주면 박스를 가운데로 보내줄 수 있다.
-배너박스와 로그인 박스 버튼박스 각 부분에 속성값을 지정해준다.
text align :center; 텍스트를 정렬해주는 속성
line-height: 텍스트의 높이값을 중앙으로 정렬해주는 속성
안녕하세요