기록저장소

cursor: default; cursor: pointer; cursor: no-drop;

.container{ position: relative; width: 100%; min-width: rem(1280); .content-wrap{ width: rem(1280); margin: 0 auto; } }

한줄 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 여러줄 display:-webkit-box; word-wrap:break-word; //단어기준 줄바뀜 -webkit-line-clamp:3; //몇줄까지 나오게할지 -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height:rem(30); height:rem(90);//line-height *3줄 font-size:rem(20); text-decoration:none;

.scroll-test::-webkit-scrollbar { width: 6px; } .scroll-test::-webkit-scrollbar-track { background-color: transparent; } .scroll-test::-webkit-scrollbar-corner{ background-color: transparent; //가로, 세롤 스크롤track사이 corner } .scroll-test::-webkit-scrollbar-thumb { border-radius: 3px; background-color: gray; //트랙사이 간격넣을 때 background-clip: padding-box; border: 2px solid transparent; } .scroll-test::-w..

body{ width: 1920px; position: relative; *{ box-sizing:border-box; } } /* 여백 초기화 */ body,div,ul,li,dl,dd,dt,ol,h1,h2,h3,h4,h5,h6,input,fieldset,legend,p,select, table,th,td,tr,textarea,button,form,figure,figcaption{margin:0;padding:0;} /* a 링크 초기화 */ a {text-decoration: none;} a:hover {text-decoration: none;} /* 폰트 초기화 */ body, input, textarea, select, button, table { font-family: 'Noto Sans KR'..

참고) sirusiru.tistory.com/entry/%EA%B0%9C%EB%B0%9C%EC%9E%90%EA%B0%80-%EC%B2%98%EC%9D%8C-%ED%8D%BC%EB%B8%94%EC%9D%84-%ED%95%A0-%EB%95%8C-%EC%95%8C%EC%95%98%EC%9C%BC%EB%A9%B4-%EC%A2%8B%EC%9D%80-%EA%B2%83%EA%B3%BC-%ED%98%91%EC%97%85%EC%9D%98-%EC%96%B4%EB%A0%A4%EC%9B%80 개발자가 처음 퍼블을 할 때 알았으면 좋은 것과 협업의 어려움 오늘 주제는 협업과 CSS입니다. 회사 환경에 따라서 개발자가 퍼블을 해야하는 상황이 존재하게 된다. 그냥 간단한 html 작업이라면, 퀄리티도 요구하지 않고, 부담없이 하게..

참고) kamang-it.tistory.com/entry/css%EC%A7%80%EC%98%A5%EC%97%90%EC%84%9C-%ED%83%88%EC%B6%9C%ED%95%98%EC%9E%906-css%EB%A1%9C-%EC%82%BC%EA%B0%81%ED%98%95%EC%9D%84-%EA%B7%B8%EB%A0%A4%EB%B3%B4%EC%9E%90?category=772188 css지옥에서 탈출하자(6) - css로 삼각형을 그려보자 이 시리즈는 필자가 웹프로그래밍을 겪으면서 생각처럼 잘안되고 짜증나는 css를 효율적이게 쓰기위해서 만든 시리즈이다. 여기에 들어온 여러분들도 이 쓰레기 같은 css의 고통을 같이 덜수 있� kamang-it.tistory.com nanati.me/css-balloons-..

참고) csslayout.io/patterns CSS Layout ∙ Explore Hit the Subscribe button for the latest news on my tools. No spam. Ever! © 2020 Nguyen Huu Phuoc. All rights reserved csslayout.io

//HTML 체크 //기본체크박스없애기 .checkboxWrap input[type = "checkbox"] {display:none;} //label 속성변경 .ckeckboxWrap input[type = "checkbox"] + label{ display:inline-block; cursor:pointer; } //새로운 디자인 .checkboxWrap input[type = "checkbox"]:checked + label{ background:url(../img/img.jpg) no-repeat center; background-size:cover; } 참고) ithub.tistory.com/229 checkbox 디자인 변경하는 방법 안녕하세요. 웹 작업을 하거나 하이브리드앱을 만들때 chec..