form/textarea

• 메타 태그에 대해서 알아봄
• form 요소는 label for를 하지 않으면 스크린 리더 프로그램이 읽지 못한다고 한다.
• 웹 접근성 기준상 폼 입력 요소가 있다면 이에 해당하는 label 요소를 반드시 가지고 있어야함!
• input “text”는 한 줄만 입력 가능 vs “textarea”는 요소가 긴 줄에 적합!
• textarea attributes : maxlength/minlength, required, wrap, placeholder, readonly/disabled
• placeholder 색깔을 변경하고 싶었는데, ::placeholder가 IE에서 사용할 수 없다고 해서… label에 absolute을 주고 placeholder처럼 썼다.

중간정렬(CSS)/inline-block

• vertical align : middle은 내 맘처럼 잘 작동했던 적이 거의 없다…
• 부모 container에 아래처럼 주면 된다.

    top: 50%;
    transform: translateY(-50%);
  

• flex를 못 쓰는 상황에서 두 개의 요소를 한 줄에 주려고 했는데, 자식1 width 90%, 자식2 width 10% 를 줘도 한 줄에 안 생기는 것이다!!! CSS 너어..

• 알고보니 inline-block은 상위 요소의 font-size에 영향을 받는다고… 부모 요소에 font-size: 0을 했더니 올라왔다!!!