CSS
-
CSS placeholder 색상변경 !!CSS 2015. 6. 22. 09:25
/* placeholder 색상변경*/ ::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; }:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 1; }::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; opacity: 1; }:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; }
-
CSS 반응형 웹CSS 2015. 4. 21. 17:52
CSS : 반응형 웹(Responsive Web)Posted by 서 지수 in 배움터 - 열공on Mar 31st, 2014태블릿 PC, 스마트 폰 등 모바일 기기의 이용이 늘어나면서 모바일 웹에 대한 관심이 많아 지고 있습니다. 사용자들은 같은 웹 컨텐츠를 이용 하더라도 PC와 모바일 기기에서 동등한 서비스를 제공 받기를 원합니다. 이에따라 화면 크기의 제약사항과 단말기의 기능 속성에 따른 고려사항이 생겼지만 그렇다고 여러 종류의 웹(url)을 만들 수 없습니다. 그에 대한 대응 방안으로 반응형 웹이 뜨고있습니다. 반응형 웹(Responsive Web)그렇다면 반응형 웹이란 무엇일까요? 쉽게 말해 디바이스 종류에 따라 웹페이지의 크기가 자동적으로 재조정 되는 것을 말합니다. 어떠한 환경에서도 그에 맞..
-
CSS 핵 모음CSS 2015. 4. 16. 17:15
IE HackIE 6만 적용: 속성 앞에 언더바(_)를 붙임IE 7만 적용: 속성 앞에 아스트릭크(*)를 붙임IE 8만 적용: 속성 뒤에 \0/IE8을 붙임IE 9만 적용: 속성 뒤에 \0/IE9를 붙임IE 6, 7: 속성 앞에 마침표(.)를 붙임IE 6, 7, 8: 속성 뒤에 \9를 붙임IE 8, 9: 속성 뒤에 \0/IE8+9를 붙임폰트의 구성Windows XP에는 ‘맑은 고딕’이 없으므로 굴림, 돋움으로 표현된다. 폰트의 차이로 인해 font-size, line-height, width를 조정해야 하는 경우가 가장 빈번한 문제 중 하나이므로, 굴림, 돋움을 기본으로 사용하거나 고려되어야 한다.IE 6, 7 등 구형 브라우저에서 미지원 기능IE 6, 7에서 inline-block을 사용하면 Block..