CSS4 [CSS] image-rendering 본 포스팅은 MDN에 있는 변역되지 않은 문서를 번역 봉사에 참여한 후 블로그에 옮겨놓는 포스팅 입니다. 개요EDITimage-rendering CSS 프로퍼티는 브라우저의 이미지 스케일링 방식에 대한 힌트를 제공합니다. 이 프로퍼티는 엘리먼트 자신에게 적용시킵니다. 스케일링(크기변경)이 안 된 이미지에게는 적용되지 않습니다.예를들어, 100x100 픽셀의 이미지가 있는데 페이지에서 요구하는 이미지는 200x200픽셀 (혹은 50x50px)이라면, 이미지는 새로운 면적만큼의 특정 알고리즘으로 인해 확대(혹은 축소)됩니다. 스케일링은 사용자의 상호작용(줌기능) 으로 인해 일어날겁니다.초기값auto적용대상all elements상속yesMediavisualComputed valueas specifiedAnim.. 2015. 11. 20. CSS 초기화 도구 5가지 브라우저의 종류는 여러가지가 있다.IE , Chrome , FF , Opera , Safari 등 많은 브라우저가 있는데브라우저마다 CSS속성의 기본값이 전부 제각각이다.때문에 크로스 브라우징 할 때 퍼블리셔들은 CSS의 늪에 빠지기 쉽다.그리하여 전부 똑같은 CSS 초기값을 주기 위해 css reset 초기화 라이브러리가 생겨났다.사용법은 css소스코드를 자신의 프로젝트의 main.css 의 최상단에 넣거나 css를 불러올때 맨 처음 불러오면 된다. 1. Eric Meyer's 의 "Reset CSS" 2.0출처 : http://meyerweb.com/eric/tools/css/reset/ 2. HTML5 Doctor CSS Reset출처 : http://html5doctor.com/html-5-res.. 2015. 6. 8. [BootStrap] 2탄. 부트스트랩 그리드 시스템 Bootstrap Grids System부트스트랩의 그리드 시스템은 페이지에 열 두개의 컬럼이 존재하는걸로 따르고 있어요.만약 12개의 컬럼을 전부 사용하지 않고 커스텀으로 사용하려면 그룹으로 묶어서 사용하는 것도 가능해요! 부트스트랩의 그리드 시스템은 스크린의 크기에 따라 자동적으로 재 배치 되며, 반응형으로 움직여요 그리드 클래스부트스트랩의 그리드 시스템 클래스는 4가지가 있어요 : xs (스마트폰용)sm(태블릿용)md (데스크탑용)lg (큰 데스크탑용) 부트스트랩 그리드시스템의 기본적인 구조 ... 첫 번째로 한 개의 열을 만듭니다. () 그다음, 원하는 만큼 행의 숫자를 넣습니다.(.col-*-*) 여기서 중요한 점은 각 행의 숫자가 항상 12를 넘지 말아야 합니다. 예제를 몇개 보도록 하죠. 동.. 2015. 5. 13. [BootStrap] 1탄. 부트스트랩3 튜토리얼 설치 CDN 활용 부트스트랩은 트위터에서 만든 오픈소스 웹 디자인 프레임워크이며 무료로 다운로드를 받을 수 있고 무료로 사용이 가능해요.부트스트랩?부트스트랩은 웹 개발에 빠르고 편리한 무료 프론트엔드 프레임워크에요부트스트랩은 HTML 과 CSS 를 기반으로 디자인한 템플릿과 타이포그래피, 양식, 버튼, 표, 네비게이션, 모달, 이미지 carousels 그리고 다른 훌륭한 자바스크립트 플러그인들을 옵션으로 갖추고 있어요.부트스트랩은 여러분에게 쉽고 강력한 반응형 웹 디자인을 제공할 거에요. 부트스트랩 역사부트스트랩은 Mark Otto 와 Jacob Thornton 이 트위터에서 개발했어요. 그리고 2011년 8월 깃헙에 오픈소스 제품으로 공개했죠. 왜 부트스트랩을 쓰나요? 부트스트랩을 썼을 때 얻는 (개)이득 :사용하기 쉬.. 2015. 5. 13. 이전 1 다음
