반응형 HTML7 [Tailwindcss] 클래스 그룹화 tailwindcss 를 사용하다 보면 현란한 유틸리티 클래스들에 눈이 쾡 해지는 경험을 하게 됬다. 생산성이 너무 좋은데 추후에 가독성이 떨어짐이 있었는데 보니 css 를 그룹화 할 수 있게 되었다. Before Blog Name JKUN.NET 이렇게 위와 같이 있으면 읽기가 빡씨다.. 그런데 이것을 그룹화 시키면 보다 더 구조화하고 가독성을 향상시키며 간단하게 사용할 수 있다. CSS @layer utilities { .table-basic { @apply min-w-full text-xs divide-y divide-gray-200 dark:divide-gray-700 } .table-basic thead { @apply bg-gray-50 dark:bg-slate-800 dark:text-gra.. 2023. 10. 18. A4 용지 출력 웹페이지에서 프린트 출력할때 유용합니다. HTML A4 용지 세로 1 이어서 A4 용지 세로 2 이어서 A4 용지 세로 1 분리 A4 용지 세로 2 분리 A4 용지 가로 A5 용지 세로 A5 용지 가로 A3 용지 세로 A3 용지 가로 CSS body { background: rgb(204,204,204); } page { background: white; display: block; margin: 0 auto; margin-bottom: 0.5cm; box-shadow: 0 0 0.5cm rgba(0,0,0,0.5); } page[size="A4"] { width: 21cm; height: 29.7cm; } page[size="A4"][layout="portrait"] { width: 29.7cm; he.. 2016. 9. 23. IE 10 이상으로 셀렉트박스 아이콘 숨기기 셀렉트 박스를 배경이미지로 넣어 커스텀으로 사용하려 했는데,인터넷 익스플로러에서는 적용이 되지를 않는다. 구글링 해서 찾을 결과 10이상으로는 적용이 되는것 같다. 내가 테스트 해본 결과로는 11 이상이었다. select::-ms-expand { display:none; } 2015. 5. 8. 이미지 맵 이미지맵하나 만드려는데 드림위버까지 키는건... 리소스 낭비를 떠나서 기분이 매우 별로다. 로딩이 매우 빠르다 해도.. 기분이 별로더군. 그래서 오래전에 찾아서 쓰던건데 갑자기 찾을때 없어서 일단 포스팅 해둬야겠다능;;; 아래 이미지 밑에 링크를 통해 다운받으세요.^^ 2012. 3. 13. 이전 1 2 다음 반응형
