자주 실수하는 부분
1) calc을 빼고 ()계산을 한다
2) .box div:last-child{} 인데 .box:last-child{}라고 한다
3) div ul li a img p 구조에서 ul까지 반복함
css 기본 설정 (암기!!)
<style> *{margin: 0; padding: 0; font: inherit;} body{line-height: 1;} ul{list-style: none;} a{color:inherit; text-decoration: none;} img{vertical-align: top; max-width: 100%;} </style>전체 margin0 padding0 폰트초기화
body 행간격1
ul 기호없애기
a 색상초기화 밑줄없애기
img 이미지 하단 공백 없애기, 최대넓이 100
display
display:inline-block을 주고 부모에 text-align:center을 주면 중앙으로 이동한다
Q. display:bolck은 무조건 a태그에 나오나요?
A. 아니다. 정렬일경우에는 설정하면 안된다(블럭이니까)
margin
margin0과 margin0 auto의 차이?
margin0 : 좌 아래 우 여백을 지정하지 않음
margin0 auto : 중앙 정렬
