코드노트

li::before { content: "\2022"; color: red; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }

HTML 삽입 미리보기할 수 없는 소스

overflow: hidden 대신 contain: paint;

A + B {} => A 바로 다음에 오는 B A > B {} => A 자식 B 2022.03.07 - [💅🏻 css] - nth-child nth-child /* 7, 14, 21, 28 번째 box 배경색 변경 (7의배수) */ .box:nth-child(7n){ background: red; } /* 22번 부터 이후 모든 box 폰트색 변경 */ .box:nth-child(n+22) { color: blue; } /* 1번째 부터 5번째 까지 box.. c0de-n0te.tistory.com

flex 활용 elements{display: flex; flex-direction: column; justify-content: center;}

줄추가 : ( 도 가능)

textarea{resize: none;}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}

:root{ --main-color: #0074FF; } element{background: var(--main-color);} element2{color: var(--main-color);}

나눔스퀘어AC //font-weight로 굵기 조절하기 위해서,, 폰트 페이스 정리@font-face { font-family: 'NanumSquareAC'; src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquare/NanumSquare_acL.eot); src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquare/NanumSquare_acL.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquare/NanumSquare_acL..