0105 TIL ALL-CON devLog

오랜만이다 C태식이

css 중앙정렬...

  #posterNo1 {
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

알게된 점

• scss에서 왜 @use를 안써도 변수를 갖다 쓸 수 있는거지..? 했는데 main.scss에 나머지 파일들을 다 import해놔서 전역변수로 사용할 수 있는 것이었다.

• 어제 박스가 같은 비율로 줄어들게 만들기 위해서 wrapper를 만들고 거기에 padding-bottom을 주었다. 그 wrapper의 크기를 줄이려고 하는데, height가 일정 크기 밑으로 줄어들지를 않았다. 왜지? 했는데, padding-bottom을 줄이니까 height도 줄어들었다. border를 줘도 padding이 적용된 부분이 안보여서 원인을 찾는데 헤맸다. 개발자 도구로 열어야 padding-bottom이 들어간 부분이 보였다.

• vertical-align:center가 안먹히는 경우가 있었다. 일단 inline이나 inline-block 요소에 적용이 되어서 p나 h2 div등은 작동하지 않는다고 한다

block 요소

dt, dd, ul, li, ol, dl, div, p, h1

inline 요소

a, img, span, srong, input, textarea, select