본문 바로가기

CSS

 (16)
jquery 위치 정보 http://blog.naver.com/uri9148?Redirect=Log&logNo=130091239052$('...').position().left 와 $('...').position().top 은 body 의 left 와 top 이 각각 0 인 곳에서부터 해당 오브젝트 까지의 거리로 계산됨.화면을 스크롤 하더라도 $(window).scrollLeft() 나 $(window).scrollTop() 을 더할 필요가 없다는 이야기.다만, 화면 중앙에 보여줘야 한다면.. $(window).width(), $(window).height(), $('...').width(), $('...').height() 등을 고려.
jQuery, each, click, toggle 을 몽땅 사용해서.. $('..').each(function(){ $(this).click(function(){ $(this).toggle(function(){ $(this).css('background-color','#9678bf'); }); }); }); $('..').bind('click',function(){ $(this).toggle(function(){ $(this).css('background-color','#9678bf'); }); }); $('..').each(function(index){ // 여기서 index 는 each 에 잡히는 개체의 순서. 0, 1, 2, ... }); cf. jquery index 클릭해 보세요..
CSS 스타일, 팝업시 배경 투명도, opacity alpha 투명도는 30% 대가 적정..? 투명하게 하려면 완전히 검은색(#000) 에서 35% 투명도가 괜찮은듯.. background:#000; opacity:.35; filter:Alpha(Opacity=35);
CSS, 외부 포스트 모음 http://css3generator.com/ CSS 각종 옵션을 조정해 볼 수 있는 곳해당 내용이 적용되는 웹브라우저, 모바일 등을 한 눈에 표시 http://html.nhndesign.com/guidelines/css/ in-line, internal, external 중 external 추천 문자셋 @charset "euc-kr"; UTF-8 도 좋겠고요.. 코딩요령과 주석요령
CSS border-width 더이상 사용하면 안 되는 듯.. border-width:0 0 0 5px; border:#EEEEEE double 위와 같은 코드가 예전에는 적용되었는데, 요즘은 글쎄요.. IE7.x 까지와 IE8.x 의 호환성보기에서는 적용되지만, IE8.x 기본 보기 모드와 IE9.x 이상 FireFox, Chrome, Safari, Opera 최신 버전에서는 적용되지 않네요. border-top:0 이나 border-top:none, border-right:0 이나 border-right:none, border-bottom:0 이나 border-bottom:none, border-left:5px #EEEEEE double 로 모두 기술해야 합니당.. 크으.
CSS 초기화 Reset 리셋 - 전체 선택자 * 를 이용한 전역 설정은 성능이 떨어진다는 평가이므로 사용을 자제 HTML5 용 니콜라스http://necolas.github.io/normalize.css/IE8+(IE8 미만은 아래 에릭 마이어 v2.0 사용 요망. 아직 IE6 가 제법 많이 사용되므로 HTML5 로 넘어가기엔 부담이 작용. 에릭 마이어 http://meyerweb.com/eric/tools/css/reset/ 2011/01/26 /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h..
이메일 발송시, 자바스크립트/플래시/object/iframe/frame 등은 불가, in-line css 만 사용, 그리고.. 이메일 발송시 자바스크립트는 절대로 정상작동하지 않는다고 생각하세요. object 나 activeX 를 구동하는 태그는 사용 불가합니다. iframe 이나 frame 도 어떤 웹메일 사이트에서는 절대 작동하지 않습니다. CSS 를 사용할때 in-line CSS 만 사용하세요. 그렇지 않으면 정상적인 레이아웃이 나오지 않을 수 있습니다. css 에서 background:url('...') 로 세팅하는 이미지는 Gmail 에서 정상작동하지 않습니다.
CSS 의 em pt px % 단위 환산표 http://funnyxe.com/?document_srl=1905&mid=webStandard

티스토리툴바