css (36) css 2024. 4. 23. 13:47 [css]rem과 em의 기준 rem - html 자체의 디폴트 font-size ( =16px ) em - 적용하고자 하는 태그에 적용되어 있는 font-size css 2024. 3. 18. 10:33 [css]텍스트 두줄 처리 / 두줄, 두 줄, 여러줄, 여러 줄 .text{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} css 2024. 2. 14. 10:44 [css]rgb쓰는법 span{color: rgb(0, 0, 0)} span{color: rgba(0, 0, 0, .5)} span{color: rgb(0, 0, 0 / 50%)} css 2024. 2. 2. 09:56 [css]grid 가로 폭 고정시키기 (gird width 고정) 텍스트로 인해 grid-items가 template-columns를 무시할 경우, items에 max-width:100%; width:100% 추가해주면 됨 ** 오버플히든이 답일수도 (224107 추가) css 2023. 12. 7. 09:11 [css]프린트 설정 @media print { // 프린트 될때 적용되어야할 css 작 // ex) 숨김처리 등 * {-webkit-print-color-adjust: exact; print-color-adjust: exact; } // 해당 css로 background로 작성된 이미지 혹은 컬러가 인식이 되지않는 현상 수정 } @page{ size: 297mm 210mm; /* A4 landscape; 가로모드; */ } 참고 : https://velog.io/@gth1123/print-css 참고 : https://velog.io/@may54ther/%EB%82%B4%EA%B0%80-%ED%8E%B8%ED%95%98%EB%A0%A4%EA%B3%A0-%EC%A0%95%EB%A6%AC%ED%95%98%EB%8A%94-%EC.. css 2023. 10. 13. 15:31 [css]모바일 vh 종류 아이폰 갤럭시 dvh - 주소표시줄 유무에 따라 변경 svh - 주소표시줄이 있을 때 기준 lvh - 주소표시줄이 없을 때 기준 css 2023. 7. 31. 15:04 [css]실제로 써봤던 scss ㄴㅊㄴㄴ 파일명에 _(언더바) 붙이기 - 각종 변수 저장에 활용 @import "_mixin"; 색상 밝기 조절 - 퍼센트가 커질수록 흰색이 됨 - darken도 있음 - #123456 = hsl(210,65%, 20%) > lighten(#123456, 10) = hsl(210,65%, 30%) $main : #123456; $main-lighten : lighten($main, 10%); // lighten($main, 10); 과 동일 $main-saturate : saturate($main, 50%); flex 변수 저장 - @include flex(); @include flex(bet); @include flex(cen); 등으로 활용 @mixin flex($j:""){ display: flex; ali.. css 2023. 7. 28. 13:09 [css]grid columns, align 그리드 속성 See the Pen grid by sangmok-ye (@sangmok-ye) on CodePen. 일반적인 gird-column : 1/2 의 경우 1번에서 2번까지 영역을 차지하는 거라면 gird-column : span 2 는 현재 위치한 영역에서 2칸을 차지한다는 의미 See the Pen gird-align by sangmok-ye (@sangmok-ye) on CodePen. items의 경우 n등분으로 나눈 영역에서 start / center / end로 정렬됨 content는 gird 전체 영역에서 정렬 justify-items, justify-content도 동일 align은 세로 정렬, justify는 가로 정렬 * items끼리 place-items로 작성 가능 * align-sel.. 이전 1 2 3 4 5 다음