-
---
- 카테고리 없음
- · 2018. 4. 11.
Syntax Math.ceil() : 소수점 이하 올림, 정수 반환 Math.floor() : 소수점 이하 버림, 정수 반환 Math.round() : 소수점 이하 반올림, 정수 반환 Description ceil(), floor(), round() 등의 메소드는 Math의 정적 메소드이므로, 사용자가 생성하는 Math 객체의 메소드처럼 사용하지 않고, 언제나 Math.ceil() 의 형태로 사용 합니다. (Math 는 생성자가 아님) Examples // 올림 Math.ceil(.95); // 1 Math.ceil(4); // 4 Math.ceil(7.004); // 8 // 버림 Math.floor( 45.95); // 45 Math.floor( 45.05); // 45 Math.floor( 4 );..
12345678910111213141516171819202122232425262728293031/* 7, 14, 21, 28 번째 box 배경색 변경 (7의배수) */.box:nth-child(7n){ font-size:14px;}/* 22번 부터 이후 모든 box 폰트색 변경 */.box:nth-child(n+22) { font-size:14px;}/* 1번째 부터 4번째 까지 box 배경색 변경 */.box:nth-child(-n+5) { font-size:14px;}.box:nth-of-type(-n+6){ font-size:14px;}/* 16번째 부터 19번째 까지 box 배경색 변경 */.box:nth-child(n+16):nth-child(-n+19) { font-size:14px;}/* 맨..
See the Pen Number guessing game by likeanewstar (@likeanewstar) on CodePen. 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112 Number guessing game html { font-family: sans-serif; } body { width: 50%; max-width: 800px; ..
이번 포스팅에서는 CSS 시 특정 요소의 부모 높이가 0이 될 때, 그 부모의 높이를 잡는 방법에 대해 알아보겠습니다. 부모의 높이가 0이 될 경우, 별문제가 되지 않는 경우도 있지만 대부분의 경우, 뒤 영역이 앞 영역을 타고 올라오는 등 UI 레이아웃이 깨지는 현상이 있어 문제가 됩니다. 이를 해결하기 위한 방법을 함께 알아보겠습니다. 1. 부모의 높이가 0이 되는 원인 1.1. float 속성 사용 자식 요소에게 float 속성을 부여한 것이 가장 대표적인 원인입니다. 최근에는 display: flexbox, grid 등의 레이아웃 관련 CSS 속성이 추가되어 float 속성을 이용해 레이아웃을 잡는 일이 적어졌는데요. 그렇지만 기존 사이트를 유지보수 하거나, 새로운 사이트를 구축할 때도 float ..
국민건강보험 랜딩 페이지 리뉴얼 과정에서 오늘 날짜를 출력해야하는 부분이 있어, 그 부분을 Vanilla JS로 짜보았다. 12345678910111213141516171819 // 오늘 날짜 넣기var today = new Date();var dd = today.getDate();var mm = today.getMonth()+1; // Jan is 0var yyyy = today.getFullYear(); if(dd
Eric Meyer’s “Reset CSS” 2.0 http://meyerweb.com/eric/tools/css/reset/HTML5 Doctor CSS Reset http://html5doctor.com/html-5-reset-stylesheet/Yahoo! (YUI 3) Reset CSS http://yuilibrary.com/yui/docs/cssreset/Normalize.css 1.0 https://github.com/necolas/normalize.css
참고 사이트 http://entitycode.com/https://dev.w3.org/html5/html-author/charref 	 CHARACTER TABULATION 
 LINE FEED (LF) !!!!EXCLAMATION MARK "" """QUOTATION MARK ####NUMBER SIGN $$$$DOLLAR SIGN %%%%PERCENT SIGN && &&&ERSAND ''''APOSTROPHE ((((LEFT PARENTHESIS ))))RIGHT PARENTHESIS ** ***ASTERISK ++++PLUS SIGN ,&c..
---