일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 태국
- 설정
- 모바일
- 컴파일
- Github
- VS
- 윈도우11
- 제이쿼리
- 서브라임
- Scss
- INPUT
- 알리익스프레스
- 컴퓨터
- 윈도우
- SM5
- sublime text
- CSS
- 윈도우10
- 포토샵
- 아이폰
- 에이펙스레전드
- 서브라임 텍스트
- Sass
- HTML
- 단축키
- vscode
- CODE
- 오블완
- 티스토리챌린지
- GIT
- Today
- Total
목록계산 (2)
web sprit
퍼센트 구하기 포함값 / 전체값 * 100 ex) 어떠한 전체의 가로길이가 300 이고 그 안에 포함되는 값이 50일 경우 이것에 대한 50은 300 안에서 몇 퍼센트 일까요? 50 / 300 * 100 = 16.6666666....... % 값 구하기 포함 퍼센트 / 100%(전체 퍼센트) * 전체값 ex) 전체값은 300 이고 포함된 퍼센트는 20%라고 할때 20%의 값은 얼마일까요? 20 / 100 * 300 = 60 참고 javascript - 스크롤을 기반으로 이미지를 페이딩하는 수식이 필요합니다 현재 다음 공식을 사용하고 있습니다 : var scrollTop = $(this).scrollTop(); $('.item').css({opacity: 100 / scrollTop}); 그러나 내 웹 사..
알고 보면 엄청 단순하지만 막상 이론적으로 머리가 안굴러가는 현상.... 정말 단순하지만 정리해 봅니다. 우리가 반응형 사이트를 만들때 em또는 rem 단위로 font size를 작업합니다. em이나 rem 같은 경우는 유동적이라 반응형이나 모바일에 사용하고 있습니다. 간단하게 em과 rem을 설명하자면em은 부모요소에게 영향을rem은 최상단 부모요소(html)에게 영향을 받습니다. em은 부모요소에 12px의 폰트사이즈가 적용되어 있다면1em은 12px 입니다. 그럼 2em은 24px 이고요. ㅎ rem은 부모요소에 12px로 적용하여도 부모요소에 영향을 받는 것이 아니라최상단 부모요소(html)에게 영향을 받기 떄문에html 태그에 16px로 적용되어 있다면1rem은 16px이고 2rem은 32xp ..