본문 바로가기

CSS5

user agent stylesheet로 인한 font-size 속성 등 적용되지 않을 경우 table 태그에 td 컬럼에 font-size 속성이 적용되지 않는 문제가 발생했다.인라인 속성으로 강제로 밀어넣으면 가능은했지만 퍼블리셔가 준 css 그대로 사용해야했기에 문제 해결을 해야했다. 웹페이지 최상단 DTD (Documenty type declaration) 선언이 되어있지 않아 발생하는 문제다. user agent stylesheet 는 브라우저에서 제공하는 기본 style 인데 Doctype 이 선언되지 않아 발생하는 문제다. 실수로 페이지에 선언만하고 선언은 빼먹은건 아닌지 다시 한번 확인해보면 된다. 여기서 Doctype 이나 usger agent stylesheet 에 대한 자세한 설명은 생략한다. 참고 : http://stackoverflow.com/questions/125826.. 2017. 1. 12.
[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.