레이아웃

학습내용

공백이 들어간 버튼

display: inline-block

공백 없이 들어간 버튼

float: left;

부모의 높이값 인식

overflow: hidden;

x축,y축 가운데 정렬

1. 높이값이 있는경우

text-align: center;
line-height: 50px;

2. 높이값이 없는 경우

padding-top: 15px;
padding-bottom: 15px;

마우스 오버랩 시 색상변경

.menu li a:hover {color: blue;}

위쪽,아래쪽 테두리만 설정

border-top: solid 1px red;
border-bottom: solid 1px red;
border-left: solid 1px red;

학습소감

레이아웃이 굉장히 중요한 부분인거같다. 거진 한시간 수업을 하루동안 들어라고 하는거 보니.. 그만큼 레이아웃은 짜기 나름인거 같고 실습내용을 주말에 반복해서 연습을 더 해봐야겠다 :)