[[Week1]]

html5+반응형 스터디 1주차: html5+반응형 웹 이해

HTML5/CSS3 이용 반응형 네비게이션

HTML5 와 CSS3를 이용하여 반응형웹이 원하는 최상의 Navigation(네비게이션)코딩을 위해 글을 시작합니다.

No Script Auto Hidden Navigation 자동 숨김 네비게이션 반응형웹의 경우 가변 그리드와 컨텐츠중심의 페이지구성을 요구한다. 그러나 컨텐츠중심으로 치우치게 될 경우 웹페이지를 연결하는 네비게이션을 페이지에 위치하기가 어려워진다. Auto Hidden Navigation에서는 유기적으로 페이지를 연결하고 컨텐츠의 가독성을 높이기 위한 네비게이션의 방향을 설명합니다.

/* No Script Auto Hidden Navigation Css3*/
#navigation {position:fixed; margin-left:0; width:10px; height:100em;}
#navigation li {display:none;}
#navigation:hover li {display:block; position:absolute; margin-left:10px;}
 
<ul id="navigation">
 
</ul>

아 피곤해서 이만자고 내일 마저 올려보겟습니다.~

업데이트 : 2012-07-25 01:38 / 작성자 : 내컴퓨터 / 조회 : 3,406
공헌자 : dnstjs114, junjin