<div><br></div> <div>프로그램에 관심이 많아 프로그래머 게시판을 쭉 정독하다보니 HTML / CSS 에서 고생하시는 분들이 종종 보이네요</div> <div><br></div> <div>사실 책붙잡고 공부하거나 처음부터 스스로 쭉 코딩을 하실수 있는 실력을 가지신 분들이라면 이미 어려운부분이 없으실거라고 생각되지만</div> <div>제로보드 처럼 제공되는 서비스를 사용하시는분들은 어디를 어떻게 바꿔야할지 난감한 상황이 발생하죠 ㅎㅎ</div> <div><br></div> <div>그래서! 초보자 혹은 HTML / CSS 를 잘 모르시더라도 내가 어느부분을 어떻게 고쳐야할지 찾아보는 방법을 알려드리겠습니다.</div> <div><br></div> <div><font size="5">가장 중요한 </font><font size="6">F12</font><font size="5">!!!</font></div> <div><br></div> <div>익스플로러든 크롬이든 F12를 눌러보세요! 그곳에 답이 있습니다.</div> <div><br></div> <div>많이 쓰시는 크롬을 기준으로 설명드리면 F12를 누르면 </div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201508/1439964837fimvjjQ86JoKiJW3sKp4U.png" width="800" height="399" alt="111.PNG" class="chimg_photo" style="border:none;"></div><br></div> <div>화면 아래에 뭔가 뿅 하고 생기는데 이 부분이 현재 페이지의 HTML코드 및 css코드를 나타내는 부분 입니다</div> <div><br></div> <div>물론 HTML코드뿐만아니라 스크립트,css 부터 여러가지 요소들을 확인할 수 있스빈다.</div> <div><br></div> <div>html코드는 아래 코드를 따라가면 쉽게 확인하실수있고 css의 경우 오른쪽에 나눠진 영역에서 확인하실수있습니다.</div> <div><br></div> <div>이걸쓰는이유는 코드나 수치변경이 가능하며 실시간으로 확인이 가능하단 장점이 있습니다. </div> <div>물론 여기서 수정한다고 해서 소스가 바뀌진않습니다. 여기선 내가 어디를 어떻게 바꾸면 되는지에 대한 확인만 할 수 있는거죠</div> <div>수정은 본 소스에서 수정을 하셔야합니다.</div> <div><br></div> <div>물론 수치변경은 숫자만 바꾸면 되지만 css속성을 추가해야 한다 하면 html이나 css속성은 어느정도는 알고 계셔야 더 쉽겠죠? </div> <div><br></div> <div><br></div> <div>본 소스가 지저분해질 필요도없고 원하는 대로 확인도 가능하니 익숙해 지면 간단히 html,css를 수정하는부분에서 </div> <div>어려움은 조금은 줄어들지 않을까 싶네요 ^^</div> <div><br></div> <div><br></div>