HTML / CSS

html의 기본 폰트 사이즈는 16px.코딩 시 폰트 사이즈를 따로 주지않고 만약 font-size: 2em으로 할 경우 2배라는 뜻으로 32px의 폰트 크기를 갖게 된다.검사를 살펴보면 폰트 크기보다 크게 잡히는데 이것이 리딩 영역을 위한 line height이다.

z-index는 position: static;이 아닌 값이 있어야 작용한다. 숫자가 클수록 상단.디자인으로 치면 레이어 위치를 위아래로 움직이는 느낌인 것 같다.단, flex 사용시 객체들이 flex-item 처리가 되어 position 없이 z-index 단독 작용

: 혹은 ::이 붙은 애들이 가상요소이다.::before ::after가 맞지만 익스플로러 6, 7버전에 적용이 안되기 때문에 웹 표준화 및 최적화를 해야한다면 :before :after 싱글콜론으로 사용하길 권장한다고 한다.a 태그에 title을 달고, 가상요소 co

유튜브를 통해 독학다가 웹 페이지 실습을 하다가 문득 깨달은 점이 있었다.강사님이 px같은 고정 단위보다 em을 사용하는게 좋다고 해서 쓰긴하는데 em이랑 rem의 차이가 뭐지?거기서 아차 하고 부랴부랴 em과 rem에 관한 영상들을 찾아보고 실수했다는걸 깨달았다. 지

클론 코딩 실습에 대한 1차 리뷰 시간을 가졌다.내가 작업하면서 느꼈던 불편함이나 궁금증 중에는 좀 더 '효과적으로 클래스 명을 짓는 방법'이 있었다. 다른 사람이 봐도 바로 이해할 수 있는 범용적인 용어를 쓰는게 어려웠다. 이 부분은 디자인을 할 때 레이어 혹은 컴포

BEM란 css 클래스네임을 효과적으로 작성하는 법이라고 보면 된다.BEM은 기본적으로 ID를 사용하지 않으며, class만을 사용한다.BEM은 block, Element, Modifier를 뜻한다.구조는 block\_\_Element--Modifier이다.이름을 연결