본문 바로가기
반응형

전체 글98

flex 말줄임 width값 못잡을때? / flex gap 자식들 간격 어떻게? 1. flex-shrink, flex-grow의 쓰임새?난 쪼그라 들지 않겠다!!! => flex-shrink: 0;여백이 남으면 그 남은 여백을 가지겠다 => flex-grow: 1;아이콘같은 거는 위드값이 줄어도 크기가 안쪼그라 들어야해서 flex-shrink를 써야하고위드값이 100%에서 자식들이 25%가 3개가 있을때 오른쪽에 나머지 여백이 남는다 그러면 그 여백을 자식들이 가질려면 flex-grow: 1; 을 써주면된다  2. 말줄임표 줄때 위드값이 벗어나면?말줄임을 주는 놈에게 => width:100%; min-width:0;말줄임을 주는 부모에게 => width: 100%; (위드값이 있어야함!!)말줄임을 주는 부모의 부모에게 => width: 100% (위드값이 있어야함!!)부모가 인라인으.. 2024. 5. 11.
인풋 체크박스, 라디오 공통 만들기, 주민등록번호 앞자리 0.커서 안보이게 하는법input {color: transparent; text-shadow: 0 0 0 #2196f3;} 1. 라벨안에 인풋을 넣으면?인풋, 라벨 아이디를 안맞쳐도 된다!!!https://www.w3schools.com/howto/howto_css_custom_checkbox.asp How To Create a Custom Checkbox and Radio ButtonsW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and.. 2024. 5. 11.
테이블 보더 왼쪽없을때 테이블 보더 왼쪽없을때&[rowspan] {border-left:none;} 2017. 7. 26.
spritesmith hover https://github.com/twolfson/gulp.spritesmith/issues/18 cssOpts: { cssClass: function (item) { // If this is a hover sprite, name it as a hover one (e.g. 'home-hover' -> 'home:hover') if (item.name.indexOf('-hover') !== -1) { return '.sprite-' + item.name.replace('-hover', ':hover'); // Otherwise, use the name as the selector (e.g. 'home' -> 'home') } else { return '.sprite-' + item.name; } } } s.. 2017. 2. 17.
bourbon (사스 믹스인 버번) http://qiita.com/nekoneko-wanwan/items/99d4650768c46ae41897 잘쓰이는 것들AnimationFlexboxFont FaceKeyframesLinear GradientTransform, Transition 2016. 12. 5.
gulp-html-tag-include https://github.com/zaharin/gulp-html-tag-include 1234567var include = require('gulp-html-tag-include'); gulp.task('html-include', function() { return gulp.src('src/html/**/*.html')//작업용 .pipe(include()) .pipe(gulp.dest('dist/html/'));//배포용});Colored by Color Scriptercs @@title 2016. 12. 5.
반응형

티스토리툴바