til
-
TIL 05. CSS 단위 (em, rem, px) 정리Front-end Dev./HTML_CSS 2021. 11. 15. 23:32
평소 헷갈리던 단위 개념인 rem, em, px 단위를 정리해보려 한다. CSS 공부를 하면서 어떤 상황이든 px을 사용하곤 했는데, 디자인 의도에 따라 단위의 사용 목적이 바뀐다는 것을 알게 되었다. 오늘은 상대적 단위인 rem, em에 대해서 더 알아보고자 한다. 1. rem (root em) : 루트 요소(html)의 폰트 크기를 기준으로 사용하는 단위. font-size를 조절하는데 유용하게 사용된다. 사용자가 브라우저 폰트 크기를 설정한 경우 rem도 영향을 받는다. 루트 요소의 폰트 크기를 62.5%로 지정한 후 rem을 사용하는 방법은 1 rem = 10px이 되어 계산하기 편하다. 계산을 편하게 하기 위해서 Html에서 font-size를 10px으로 설정한 후, 모든 요소에 1 rem =..
-
TIL. Html/CSS 기초 #1카테고리 없음 2021. 11. 4. 01:16
멋쟁이 사자처럼 프론트엔드 스쿨 1기 👇액션플랜,피드백 더보기 + 이제 점점 수업 속도가 붙는 것을 느꼈다! 복습할 양이 점점 쌓여가고 미처 복습하지 못한 부분도 생겨서 약간 눈 앞에 안개가...🌫🌫 훠이..훠이.. 수업 전,후에 시간을 효율적으로 쓰는 법이 필요하다고 느꼈다. 매니저님이 일찍 자고 새벽에 일어나는 것을 추천해주셨다. (feat. 나의 하루는 새벽 4시30분에 시작된다) 책을 통해서 올바른 습관이 만들어지는 것을 경험해본 적이 있어서 나도 얼른 저 책을 읽고 실천해보고 싶다. 이번주 나의 목표는 + 이번 프론트엔드 스쿨을 통해서 아침형 패턴을 만들어 가고싶다. + 이번 주 안에 Html과 CSS 구조와 기능을 잘 이해하는 것이다. 👊내일부터 밤 11시에 자고 아침 5시에 일어나기. 👊내일..