두부찌개 두부찌개

a img{ -webkit-filter: grayscale(100%); filter: gray; } a:hover img{ -webkit-filter: grayscale(0%); filter: none; }

1. CSS 선택자(Selector) 정리 선택자(Selector) 의미 지원 안함 전체 선택자 * 모든 태그 선택 - 태그 선택자 E 태그명이 E인 특정 태그 선택 - 클래스 선택자 .className class 값이 className으로 지정된 요소 선택 - 아이디 선택자 #idName id 값이 idName으로 지정된 요소 선택 - 복합 선택자 E F E 요소의 자손인 F 요소 선택 - E > F E 요소의 자식인 F 요소 선택 IE 6 E + F E 요소 바로 다음에 있는 형제요소 F 선택 (E 와 F 사이에 다른요소가 존재하면 선택하지 않음.) IE 6 E ~ F E 요소가 앞에 존재하면 F 선택 (E 가 F 보다 먼저 등장하지 않으면 선택하지 않음.) IE 6 속성 선택자 E[attr] 'at..

초기화(Reset) 익스, 파폭, 오페라, 크롬, 사파리 등 여러 웹브라우저들이 있으며, 그들마다 CSS 기본값이 조금씩 다르다. 각기 다른 브라우저들로 동일한 화면을 보여주기 위해서 작업 전 CSS를 초기화 해야한다. 초기화 도구 1. Eric Meyer's 'Reset CSS' 2.0http://meyerweb.com/eric/tools/css/reset/ 2. normalize.csshttps://gist.github.com/demun/4110614 3. HTML5 Doctorhttp://html5doctor.com/html-5-reset-stylesheet/ CSS 파일 아래는 내가 자주쓰는 Reset.css @charset "utf-8"; /*reset*/ html, body, div, span..

간편하게 웹폰트를 변환해주는 사이트 https://onlinefontconverter.com/ 1. 변환을 원하는 폰트 포멧을 체크 -> SELECT FONT(S) Click! 2. (1) Choose files 변환할 폰트를 선택 (2) Done Click! 3. SAVE YOUR FONT Click! 4. Download Attachment Click! 끝! 세상간편ㅜㅜ♥

1. nuli http://nuli.navercorp.com/sharing/nwagon 차트종류 : Radar Chart Cloumn Chart Line Chart Area Chart Donut/Pie Chart .... 2. 구글차트 https://developers.google.com/chart/ 3. ChartJS http://www.chartjs.org/ 차트 종류 : Bar Chart Pie & Doughnut Chart Line Chart Radar Chart Polar Area Chart 4. C3.js http://c3js.org/examples.html 5. Chartist.js http://gionkunz.github.io/chartist-js/ 차트 종류 : Bar Chart Pie ..