[TIL] 211116

---

느낀점

 

- css는 배우면 배울 수록 너무너무 어렵다. 더 심각한건 내가 1년동안이나 공부했는데 아직도 이걸 몰라? 라는 생각이 자꾸 든다는 것 이다. 주변에는 취업했다는 말들이 오고가고 난 그대로인 것 같고 모든 취준생들의 고민이겠지만 오늘은 유난히 더 불안하다. 혼자 이겨내야지 뭐 어쩌겠어. 멘탈싸움이다. 이런 생각 해서 뭐할건데?

 

---

- 그리드의 구분선은 1부터 시작한다.

 

- perspective는 원근감을 조절하기 대문에 z축과는 개념이 다르다.

 

- transform 되는 순간 z-index가 무시된다. after과 before는 element의 위에 있다. 이를 해결하기 위해서는 위로 올라가는 그 시점에 아래로 내리는 트릭을 이용하자!

 

- width min()은 둘 중에 작은 것을 사용한다.

 

- 직계 부모를 먼저 보고 첫번째 자식을 보면 수도엘리먼트 작성과 읽기가 쉽다.

 

- 실무에서 rem과 em을 사용해본 적 없다고 하신다...?!

 

- 아이디를 입력해주세요, 칸이 비었습니다 등의 문구는 강조 문구라서 em이나 strong으로 사용한다.

 

- legend는 fieldset의 제목이다.

 

- heading은 구획의 제목이기 때문에 구획을 나눌 때 heading을 꼭 사용해야 한다.

 

- background 이미지로 사용하고 싶으면 span 태그를 넣고 sr-only를 쓰면 된다. 그러면 스크린리더가 읽는다.

 

- 이미지가 디스플레이 설정을 하지 않으면 기본값이 인라인이다. vertical-align을 설정하면 텍스트로 설정이 된다.

블록을 먹으면 공간이 생기는데 이게 이미지에 베이스라인이 있어서 그렇다. 그러나 vertical align top으로 주면 베이스라인이 사라진다. 이미지를 내리고 싶을 때 vertical align top만 주면 된다. 이미지 블록으로 굳이 하지 않아도 된다.