http://www.berriart.com/sidr/ <!DOCTYPE html> <html> <head> <!– Your stuff –> <!– Include Sidr bundled CSS theme –> <link rel=”stylesheet” href=”javascripts/sidr/stylesheets/jquery.sidr.dark.css”> </head> <body> <!– Your stuff –> <!– Include jQuery –> <script src=”javascripts/jquery.js”></script> <!– Include the Sidr JS –> <script src=”javascripts/sidr/jquery.sidr.min.js”></script> </body> </html>
text-transform 속성 값 none : 기본값 capitalize : 각 영단어의 첫 번째 문자를 대문자로 바꿈 uppercase : 모든 영문자를 대문자로 바꿈 lowercase : 모든 영문자를 소문자로 바꿈 text-transform: none text-transform: capitalize text-transform: uppercase text-transform: lowercase
Auto Crosshair Default Pointer Move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help <p style=”cursor:auto”$gt;Auto</p$gt; <p style=”cursor:crosshair”$gt;Crosshair</p$gt; <p style=”cursor:default”$gt;Default</p$gt; <p style=”cursor:pointer”$gt;Pointer</p$gt; <p style=”cursor:move”$gt;Move</p$gt; <p style=”cursor:e-resize”$gt;e-resize</p$gt; <p style=”cursor:ne-resize”$gt;ne-resize</p$gt; <p style=”cursor:nw-resize”$gt;nw-resize</p$gt; <p style=”cursor:n-resize”$gt;n-resize</p$gt; <p style=”cursor:se-resize”$gt;se-resize</p$gt; <p style=”cursor:sw-resize”$gt;sw-resize</p$gt; <p style=”cursor:s-resize”$gt;s-resize</p$gt; <p style=”cursor:w-resize”$gt;w-resize</p$gt; <p style=”cursor:text”$gt;text</p$gt; <p style=”cursor:wait”$gt;wait</p$gt; <p style=”cursor:help”$gt;help</p$gt;
<!–Force IE6 into quirks mode with this comment tag–> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” lang=”en” xml:lang=”en”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ /> <title>Dynamic Drive: CSS Left Frame Layout</title> <style type=”text/css”> body{ margin: 0; padding: 0; border: 0; overflow: hidden; height: 100%; max-height: 100%; } #framecontent{ position: absolute; top: 0; bottom: […]
– 창닫기 onclick=”window.close()” 예) <input type=”submit” value=”창닫기” onclick=”window.close()”> – 새로고침 onclick=’top.location=”javascript:location.reload()”‘ – 이전 페이지로 onClick=”history.back()” – 앞 페이지로 onClick=”history.forward()”
background-position If you only specify one keyword, the other value will be “center” – left top / left center / left bottom / right top / right center / right bottom / center top / center center / center bottom The first value is the horizontal position and the second value is the vertical. The […]
윈도우즈 모바일 화면 크기 설정 방법 예 http://msdn.microsoft.com/en-us/library/dd938878.aspx 아이폰 viewport 설정 예 아이폰 화면 크기 설정 메타 태그 viewport (아래에 있는 것들 중에서 하나만 사용하면 된다.) 아이폰 홈 링크 이미지 설정 방법 이건 홈에 추가 했는때 나타나는 아이콘 설정 기능.
[출처] http://hsmtree.kr/t/205 IE의 렌더링 모드는 세 가지가 있다. DOCTYPE에 의한 렌더링 모드 지정 HTTP 리스폰스 헤더로 렌더링 모드 지정 META 태그로 렌더링 모드 지정 DOCTYPE에 의한 렌더링 모드 지정 DOCTYPE 선언 URL 표기 유무 랜더링 모드 DOCTYPE 없음 n/a IE6이하 HTML (Version 지정 없음) IE6이하 HTML 2.0 IE6이하 HTML 3.0 IE6이하 HTML 4.0 IE8 HTML […]