태그 자료실

회원로그인

css layout

13년 전

css layout 이란
오래된 방식인 table 기반의 layout이 아니라 div(Division Mark)로 구조를 잡고 CSS로 시각적인 구분을 해주어서 layout을 구성하는 방식입니다. CSS(Cascading Style Sheet)의 Cascade는 윈도우에서 창이 겹쳐진 상태를 의미하기도 합니다. <div>를 이용할 경우 레이아웃이 겹쳐지는 것도 가능하다는 것을 의미하기도 합니다. 사실은 CSS도 오래되었지만 우리나라에서는 많이 이용되지 않았습니다

css layout 의 장점?
■간결한 코드
■체계적인 코드/파일 구조
■서버 트래픽 부하의 감소
■효과적인 유지보수
■기기 독립성

css layout 예제 사이트
■http://www.dynamicdrive.com/style/layouts/
■http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
■http://intensivstation.ch/en/templates/
■http://blog.html.it/layoutgala/
■http://www.noupe.com/css/css-layouts-40-tutorials-tips-demos-and-best-practices.html
■http://www.code-sucks.com/css%20layouts/

관련링크
■Table Layout과 CSS Layout
■http://www.smashingmagazine.com/2006/10/25/css-techniques-tutorials-layouts/
■http://www.csszengarden.com/

번호	제목
168	올플래시 사이트에서 iframe 으로 게시판 올리기
167	IE에서 셀렉트 박스 SELECT 위에 레이어 DIV 올리는 팁
166	마진(margin)과 패딩(padding)의 사용법 및 차이점
165	margin CSS 스타일
164	display : inline(혹은 block, none)
163	CSS셀렉터 정리(3)
162	CSS셀렉터 정리(2)
161	CSS (Cascading Style Sheets) 완벽 마스터
160	css 포지션
159	@font-face
158	IE CSS 팁
157	div display : inline block float
156	display: block과 inline
155	DIV 레이어 속성
154	숫자 이미지를 클릭하면 입력창에 해당숫자가 입력되게...
	css layout
152	CSS를 사용할 때의 정렬 : 수평 가운데 정렬
151	css 속성 중 float
150	시,도 구,군 다중 셀렉트구문
149	DB연동없는 2단 동적 셀렉트 메뉴 (배열이용)
148	Select \| 드롭다운 메뉴 (선택시 바로 이동) 1
147	테이블에 쓰이는 태그들 nowrap 과 table-layout
146	[Css] form 문에서 여백없애기
145	이쁜 테이블 태그입니다
144	input 박스 강제로 한글모드/영문모드 로 전환
143	문서내에 아이프래임 처럼 보이게 하기
142	입력상자에 잘못된값이 입력되면 input배경색이 빨간색으로 변경됩니다
141	입력폼에 내용을 다른 항목에 기억시킵니다
140	업로드시 지정된 확장자만 첨부 가능합니다
139	입력폼에 포커스가 이동하면 테두리 색상이 변경됩니다