각 브라우저의 웹 개발자를 위한 툴

웹페이지 개발자를 위한 툴이 아주 가까이 있었는데 지금까지 모르고 있었다니… IE9(다른 버전도 되나)와 크롬에서는 웹페이지를 열고, <F12> 키를 누르면 현재 페이지의 구조와 CSS 상속 및 적용된 항목이 쭉 표시된다. 파이어폭스에서는 웹페이지를 열고, 메뉴에서 개발자도구 -> 문서검사를 선택하면 구조를 확인할 수 있다. 오른쪽 아래에 있는 <HTML> 버튼을 누르면 화면 아래에 html 소스가 나오고, <스타일> 버튼을 누르면 … Read more

[펌] 17개의 CSS 초보 소스

원문 링크 : 17개의 CSS 초보 소스 17개의 CSS 초보 소스 1. form 문에서 여백없애기 <form …..> 이런 문은 기본적인 여백이 있습니다. 그럴때마다 style=”margin:0px;padding:0px;” 라고 쓰기는 상당히 귀찮은 일일겁니다. 항상 읽어 들이는 style.css 가 있다면 다음과같이 추가 합니다. form {padding:0px; margin:0px} 라고 추가 해 놓으면 어떠한 문장에서든지 form 문은 여백이 없어집니다. 2. 셀렉트 박스에서 내용 … Read more