Sixx

0. 기본 http://www.homejjang.com/07/class_id.php Class와 ID의 차이점 Class: 여러개를 사용할 수 있지만 ID : 고유성을 가지므로 한 문서에 한번만 사용. id와 클래스의 잴 중요한 차이점은 중복지정여부에 있습니다. id는 딱 한요소에만 스타일시트를 적용해야 하구요. class는 같은 스타일시트를 여러요소에 지정을 해줄 수 있습니다. 옳지 않은 예. 테스트 테스트 테스트 올바른 예. 테스트 테스트 테스트 1. ID 의 정의 ID는 하나의 고유한 요소에 대한 스타일을 지정하는데 사용합니다. ID는 HTML 요소의 ID속성을 사용하고, "#"로 정의합니다. ID는 한 태그에 하나의 id만 지정할 수 있습니다. 주의: ID 이름으로 숫자로 시작하는 경우 모질라/파..

http://db.noo9ya.com/45 DIV에 스크롤바 나타내기 overflow-x x축(가로) overflow-y y축(세로) overflow:visible 레이어 크기를 키워서 보여준다 (* 디폴트) overflow:hidden 레이어 크기만큼만 보여준다 overflow:auto 내용에 따라 자동으로 스크롤을 만든다 overflow:scroll 무조건 스크롤바를 생성한다 스크롤바 꾸미기 div Style속성 overflow: ######; visible : 레이어 크기를 키워서 출력. hidden : 레이어 크기만큼 출력. auto : 내용에 따라 자동 스크롤. scroll : 스크롤바 생성. ex) overflow-x:값; overflow-y:값; overflow:값; position: ###..

가.DIV로 쉽게 레이아웃 잡기 준비과정 :) 안녕하세요! 신비가족여러분! 처음 뵙겠습니다 ^^ 저는 프리랜서 코더로 일자리를 찾아 헤매이는 하이에나처럼..(쿨럭) 돌아다니다가 우연히, 신비디자인을 접하게 되었습니다. 좋은 커뮤니 공간이 있군요!! 헤헤헤 (헤벌쭉 ^___ _^) 웹표준란에 글이 하나도 없는것을 보고 번뜩(+_+)였습니다. "첫 라인을 내가 끊어보자꾸나! 우훗훗~" 하며 말입죠. TABLE을 사용 하지 않고 DIV라는 녀석으로 쉽게 레이아웃을 잡는 방법을 알려드릴까합니다. (많이들 아시겠지만, 모르시는 분을 위해 용기내어 글을 써봅니다. 내용에 대한 태클 환영합니다. ^^a) 이궁, 말이 많았습니다. 제가 말이 좀 많습니다..(쿨럭;;) 자, 시작에 앞서 간단하 몸풀기운동을 시작해보겠습니..

출처 - http://blog.naver.com/wdig ###################################################### ##### 작성자: 간츠 gantz2010@hotmail.com ##### ##### 블로그: http://blog.naver.com/wdig ##### ##### 기 타: 퍼 가실때는 출처를, 질문은 이메일로... ##### #################################################### DIV 레이아웃 [5] : 웹표준 작업시 꼭 필요한 도구들 웹표준에 맞춰 본격적으로 DIV 레이아웃에 대한 공부를 시작할 때가 되었습니다. 하지만 B.U.T.~!!!!!!!!!! 준비물이 필요합니다. 아무리 고수라 할지라도 좋은 도구들..

출처 - http://blog.naver.com/wdig ###################################################### ##### 작성자: 간츠 gantz2010@hotmail.com ##### ##### 블로그: http://blog.naver.com/wdig ##### ##### 기 타: 퍼 가실때는 출처를, 질문은 이메일로... ##### #################################################### DIV 레이아웃 [4-1] : CSS 기초 개념 잡기 DIV 레이아웃 작업에 있어서 CSS는 핵심입니다. CSS만 가지구서도 책을 서너권은 너끈히 쓸 수 있을 만큼 그 내용이 방대합니다. (방탄웹 포함) 하지만 CSS도 기본적인 개념만..

DIV 레이아웃 [3-1] : HTML..... 표준과 비표준에 대하여... 지금까지 우리는 DIV 레이아웃 작업을 시작하기에 앞서 아주 중요한 기초 개념들을 배웠습니다. 지금부터는 이러한 개념들을 보다 확실히 정리하고 이해함으로써 실제 프로젝트에 이를 직접 적용하고 사용할 수 있는 내공을 키워 보도록 하겠습니다. ================================================================================================== HTML은 문서(Document)이며 지정된 문서양식(Document Type)이 있다. 이미 누누히 얘기했던 거죠. HTML은 문서라는거.... 그림 그리는 화판이 아니라 문서입니다. 디자인 하시는 분들... 이점을 ..

출처 - http://blog.naver.com/wdig ###################################################### ##### 작성자: 간츠 gantz2010@hotmail.com ##### ##### 블로그: http://blog.naver.com/wdig ##### ##### 기 타: 퍼 가실때는 출처를, 질문은 이메일로... ##### ################################################### DIV 레이아웃 [6-1] : 적격 웹문서를 만들자 DIV 레이아웃에서 정작 DIV 레이아웃은 중요하지 않다. 자, 이제 우리는 웹표준에 대한 기초적인 개념 공부를 끝내고 모두가 바라는 실전 DIV 레이아웃에 대해 배워 보려고 합니다. ..

출처 - http://blog.naver.com/wdig ###################################################### ##### 작성자: 간츠 gantz2010@hotmail.com ##### ##### 블로그: http://blog.naver.com/wdig ##### ##### 기 타: 퍼 가실때는 출처를, 질문은 이메일로... ##### ##################################################### DIV 레이아웃 [1] : 홈페이지 레이아웃 작업. 이제는 DIV로 하자. 나모나 드림위버와 같은 위지윅 프로그램을 사용하여 웹디자인을 하는 많은 사람들의 경우 Table로 레이아웃을 잡아서 작업하는 것에 이미 익숙해져 있기 때문에 ..

DIV? 레이어 주무르기 1편 출처 - http://www.zeroboard.com/16392078 이 글은 고수분들보단.. 아직 이해가 안되시는 분들을 위해 쓰는것이니 내용이 다소 모자라고 유치하더라도 이해해주세요. 혹시 틀린부분이나 모자란부분이 있다면 질책부탁드립니다. XE의 레이아웃은 DIV와 CSS를 기초로 합니다. 물론 테이블을 이용하여도 작동에는 문제가 없지만, DIV를 사용하는것이 XE가 지향하는 웹2.0에도 발맞추어 가는것이니 이번에 그냥 테이블에서 DIV로 갈아타는것도 나쁘지 않을것 같아요. 테이블은 tr과 td, 그리고 rowspan, cellspan 의 개념만 안다면 아무리 복잡하더라도 얼마든지 만들 수 있습니다. 하지만 div를 처음 접하시는분들은 이녀석을 주무르는게 여간 쉽지 않을..

웹표준 강좌 01 CSS(Cascading Style Sheet)는 마크업 언어가 실제 표시되는 방법을 기술하는 언어로, HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다 . W3C의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높다. CSS는 지속적으로 새로운 버전이 나오고 있다. 1996년에 도입된 CSS 1은 CSS의 바탕이 되었다. CSS의 표준으로는 CSS 2.1이 있으며 이전 버전에 비하여 새로운 기능과 도구가 추가되었다. 대다수의 웹브라우저는 CSS 2.1를 잘 지원한다.(인터넷 익스플로러의 경우, 버전 7이 되면서 CSS2.1을 지원한다.) 현재 W3C에서는 CSS 3를 표준으로 만들고 있다. Css layout의 장점 1.Table 코딩에 비해 용량 50% 절감 2..