내가 해냄/CSS
인트로 평소에 flex만 쓰다 보니 grid 쓰는 방법을 아예 모르겠더라고요... 그래서 이번에 grid를 좀 써보려고 합니다. 일단 이 포스팅에서는 기본적인 내용만 다룰 예정입니다. 앞으로 grid쓰는 연습을 좀 해야겠어요... grid flex는 1차원 즉 한 방향 레이아웃 시스템이며 그리드는 2차원 두 방향 레이아웃 시스템입니다. gird와 flex를 적절히 사용하면 레이아웃 마스터 가능이겠죠? 특히 계산기 버튼 배치 같은 격자무늬 배치는 grid 사용하면 뚝딱입니다. 저는 grid 쓸 줄 몰라서 flex로 했습니다만 grid 쓴 사람보면 너무 부럽더라고요.. grid를 사용하려면 기본적으로 flex처럼 부모 요소인 Container와 자식 요소인 Item이 있으면 됩니다. 1 2 3 4 .fath..
인트로 안녕하세요 오늘은 css의 가상 요소 aka 의사 요소에 대해 알아보려고 합니다. 가상 요소를 어떨 때 사용하는지 궁금하기도 했고 가상 요소에게 데인 적이 있어서 관심을 가지게 되었습니다. img는 가상요소를 쓸 수 없다? Summary 결론 img는 가상요소를 못쓴다🥹.. Problem 위 그림에 표시된 것과 같이 이미지에 가상요소를 추가하는 연습을 하고자 했습니다. img::after 를 사용해서 진짜 열심히 만들었는데 아무것도 뜨지 i-did-it.tistory.com 가상 요소란? 선택자에 추가하는 키워드로 선택한 요소의 일부분에만 스타일을 입힐 수 있습니다. 가상 요소의 종류는 다음과 같습니다. MDN 표준 목록을 참고하였습니다. ::after ::backdrop ::before ::cu..