-
기본적으로 h1 tag에 글자 여백 위아래 있음 없애려면 line-height:1로 해준다.
cf) line-height:줄간격 150%-> 18px. 글씨가 12px이라면 위 3px, 아래 3px -
자세히 보기 ; 전체가 a 링크 걸려있기 때문에 a에다가 지정해 모양 만들어준다.
-
박스를 가운데 오게하는 것 ; margin: 0 auto;
-
padding-top은 inline요소에 적용 안되기 때문에 block요소로 바꿔줌
-
자식(li)이 float되면 부모(ul)가 쪼그라들음.
float는 공중부양이기에 쪼그라든 옆으로 밑에 있는 내용이 올라온다
=====> 부모가 높이를 유지하는 방법
1) height 값을 지정해준다. but, 고정값이기에 내용이 추가가 되면 곤란함
2) 부모(ul)도 float되어있으면 쪼그라들지 않는다.
3) 부모:after{display: block; content: ''; clear: both; }로 css작성
-
box-sizing: border-box; 크기가 늘어났을때 실제크기가 늘어나지않게 만들어주는 것 (패딩과 보더에만 해당, margin: 해당 x)
