css
1.css 플립카드 효과
https://youtu.be/OV8MVmtgmoY
2.css 배경 효과
https://youtu.be/5RoXCs54CN8배경화면display: block;list-style: none;width: 25px;height: 25px;background: rgba(255, 255, 255, 0.2); animation:
3.css 에러 해결: 이미지가 파랗게 보일 때
클릭을 했는데 다음과 같이 새파란 필터가 끼얹어짐 (안 예쁨. 마음에 안 듬) 다음과 같이 설정을 하면 해결이 된다고 한다.그런데 해결이 안 됐다.알고보니 나는 더블클릭하면서 나도 모르게 '드래그'가 되는 게 문제였던 것. 게다가 MDN에서는 이 방법을 추천하지 않는다
4.[css]카테고리 내부에 문자 입력tl
내부 박스 : width: 100%, padding: 적당히 ! ㄴ
5.css 마크업
top 값이 있으면, bottom값이 있을 필요 없다 padding값을 주면, height값은 필요없다 li는 무조건 ul안에 있어야 한다
6.[css] tr 태그를 a태그로 감싸기
https://stackoverflow.com/questions/10245279/wrapping-html-table-rows-in-a-tags
7.공통 컴포넌트 퍼블리싱 수정할 때
공통 컴포넌트를 건들지 말고, 개발자 도구에서 클래스명을 확인하고 고치면 된다
8.border 에 gradius주는 법
border-radius: 8px; background-image: linear-gradient(#272727, #272727), linear-gradient( 90deg, rgba(255, 200, 184, 1), rgba(255, 163, 136, 1), ...
9.font-face
https://webclub.tistory.com/261
10.반응형 웹 기초
https://web.dev/responsive-web-design-basics/#breakpoints
11.object-fit
https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit
12.scroll 스타일링하기
https://codingbroker.tistory.com/66
13.이유없이 레이아웃이 깨진다고?
margin: 0px auto 사용해보자