본문 바로가기

CSS17

CSS 기본 세팅 Base.css 설명 태그 속성 설명 body {margin:0;padding:0;background-color:#fff;font-size:12px;font-family:굴림,gulim,sans-serif;color:#333;} 배경 color 필수 hr {display:none;} 레이아웃 구분(top/left/contents/footer)에만 적용 img,fieldset {border:0 none;} dl,ul,ol,li {list-style:none;} h1,h2,h3,h4,h5, dl,dt,dd, ul,li,ol, th,td, p,blockquote, form,fieldset,legend {margin:0;padding:0;} table {border-collapse:collapse;} 서로 이웃.. 2017. 1. 25.
font-family 설정시 주의해야 할 점. CSS 제작시 font-family: 돋음; 이라고 하면 안 되고, font-family: 돋음, Dotum, Baekmuk Dotum, Undotum, Apple Gothic, Latin font, sans-serif; 이라고 해야 한다. 돋음과 Dotum을 같이 써야 하는 이유는 비한국어 Windows (최소한 9x/ME)에서는 MS IE조차도 ‘돋음’을 인식하지 못 하기 때문입니다. Apple Gothic은 Mac OS X에 들어 있는 sans-serif에 해당하는 한국어 글꼴 이름입니다. 표 4에서 라틴 글꼴을 비교한 표가 있는데, Windows Corefonts는 다른 OS에서도 사용할 수 있습니다. 출처:http://hooney.net/2005/04/06/32/ 2017. 1. 25.
Table empty cell 문제 해결 Tip border-collapse:collapse;empty-cells:show 빈 cell의 테두리를 보여줄것인지 감출것인지를 지정한다. 값 show | hide | inherit 기본값 show 적용대상 'table-cell' 엘레멘트들 상속 상속됨 퍼센테이지 지정불가 미디어 Visual Value show : 비어있는 cell의 테두리를 보여준다. hide : 비어있는 cell의 테두리를 감춘다 2017. 1. 24.
CSS핵(hack) 정리 이 포스팅에서 언급하고 있는 CSS핵(hack)들은 대부분 옛날 브라우저들을 대상으로 한 것들이라 아마도 활용도가 그다지 높지 않으리라 생각하지만…해외사이트에 사용하고 있는 경우가 많으므로 알아두면 해외사이트를 분석할때도 상당히 도움이 되리라 생각한다. 또 CSS핵(hack)의 사용시 많은 주의를 기울여야 하며 CSS 문법상 맞지 않는 경우도 많으므로 주의하여야 한다. 일단 웹표준에 의한 사이트 제작이 익숙해지면 브라우저의 버그를 CSS핵이 아니라 CSS구조를 이용하여 회피하는 방법도 자연스럽게 익히게 되리라 생각한다. CSS핵은 정말 피치못한 경우에만 사용해야 한다.Netscape 4 제외시키기Netscape 4은 media속성값에 "screen"이외의 값이 올 경우 읽어 들이지 못하는 것을 이용한 방.. 2012. 11. 12.

티스토리툴바