편리한 작업을 위한 CSS 단위별 폰트크기(px, em, %, pt)PixelsEMsPercentPoints6px0.375em37.5%5pt7px0.438em43.8%5pt8px0.5em50%6pt9px0.563em56.3%7pt10px0.625em62.5%8pt11px0.688em68.8%8pt12px0.75em75%9pt13px0.813em81.3%10pt14px0.875em87.5%11pt15px0.938em93.8%11pt16px1em100%12pt17px1.063em106.3%13pt18px1.125em112.5%14pt19px1.188em118.8%14pt20px1.25em125%15pt21px1.313em131.3%16pt22px1.375em137.5%17pt23px1.438em143.8%1..

1. display(표시)2. overflow(넘침)3. float(흐름)4. position(위치)5. width/height(크기)6. padding/margin(간격)7. border(테두리)8. background(배경)9. color/font(글꼴)10. animation11. 기타 1~6 레이아웃 | 7~8 테두리/배경 | 9 글꼴 | 10 동작 | 11 기타 출처[NHN 마크업 코딩 컨벤션]

***** 이클립스 사용팁 및 단축키 모음 ******* ===== 실행 ===== 1. Ctrl + F11 : 바로 전에 실행했던 클래스 실행 ===== 소스 네비게이션 ===== 1. Ctrl + 마우스커서(혹은 F3) : 클래스나 메소드 혹은 멤버를 상세하게 검색하고자 할때 2. Alt + ->, Alt + 입력하는 도중엔 언제라도 강제 호출 가능하다. 2. F2 : 컴파일 에러의 빨간줄에 커서를 갖져다가 이 키를 누르면 에러의 원인에 대한 힌트를 제공한다. 3. Ctrl + l : 원하는 소스 라인으로 이동 로컬 히스토리 기능을 이용하면 이전에 편집했던 내용으로 변환이 가능하다. 4. Ctrl + Shift + Space : 메소드의 가로안에 커서를 놓고 이 키를 누르면 파라미터 타입 힌트를 볼 ..

1. NHN방법(position/z-index를 이용) 로고일경우 span에 로고 이미지를 넣고 position을 줘서 글자 위에 그림이 오게끔 함. 좋은점:f12눌렀을때 이미지 사용 안함이라고 있는데그때 이미지는 사라져도 글자가 남음.(이거까지 고려해서 만들어야 되는 경우 있다죠..) 2번째 방법은 요약해서 쓸게요 text-index:-9999px 을 이용해서 텍스트를 들여쓰기 할 경우눈에 보이지 않지만 실제 모니터 바깥위치까지 들여쓰기가 되기 때문에 성능측면에서는 비효율 적이라고 합니다.(원래 캔버스가 1024면 -9999px을 들여쓴만큼 캔버스로 간주) 그리하여 쓸수있는 방법 text-indent:100%white-space:nowrap;overflow:hidden; 100%만큼 들여쓰기하고 now..