<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="euc-kr">
<title>제목들어감</title>
<link rel="stylesheet" type="text/css" href="css경로">
<!--[if IE]> <script src="스크립트경로"></script> <![endif]-->
</head>
<body>
</body>
</html>
--------------
/*기본 css*/
html, body{margin:0;padding:0;}
hr{display:none;margin:0;}
img,fieldset{border:0 none;}
dl,ul,ol,li{list-style: none;}
div,button,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend,select,input,textarea,pre{margin:0;padding:0;word-break:break-all;}
textarea{font-size:12px;text-align:left;resize:none}
legend{visibility:hidden;}
label, button{cursor:pointer;outline:none;selector-dummy:expression(this.hideFocus=true)}
button{margin:0;padding:0;border:0}
table{border-collapse:collapse;}
table caption{visibility:hidden; height:0%; font-size:0em;line-height:0; }
table summary{visibility:hidden; height:0%;}
a:hover,a:focus, a:active {text-decoration:none;}
em, address{font-style:normal;}
input, select{vertical-align:middle;}
/* html5속성 선언 ie8용 */
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary {display:block;}
--------------
★ 파비콘 넣기
<link rel="shortcut icon" href="img/이미지이름.ico"/>
★ css 가져오기
<link rel="stylesheet" type="text/css" href="파일이름.css" />
★ 호환성없애기
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
★ 인크루드
<? include ("../include/파일명.php"); ?>
★ float 없앨때
class이름:after{display:block;clear:both;content:''}
★ css로 배경깔고 글자 안보이게(네이버 메뉴처럼/strong class로 사용하면 됨)
/*글자안보이게*/
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
★ 마우스 오버시 손가락 모양 커서 나오게
style="cursor:pointer"
★ 이미지 누르면 새 윈도우 창
<a href="#" onclick="window.open('http://www.naver.com', '네이버', 'toolbar=no, location=no, status=no, menubar=no, scrollbars=no, resizable=no, width=500px, height=500px')"> </a>
toolbar : 도구바 출력여부(yes, no)
locataion : 주소표시줄 출력여부(yes, no)
status : 상태표시줄 출력여부(yes, no)
menubar : 메뉴 출력 여부(yes, no)
scrollbars : 스크롤바 출력 여부(yes, no)
resizable : 사이즈 조정 여부(yes, no)
width : 새창의 너비
height : 새창의 높이
★ 포지션 고정
style="position:fixed"
'낙서장' 카테고리의 다른 글
| 휴대폰 이메일 동기화 (0) | 2014.04.10 |
|---|---|
| 키보드 LED 개조 (0) | 2014.03.28 |
| 개발하는데 유용한 툴들 (0) | 2014.03.21 |
| 호선별 데이트장소 (0) | 2013.05.27 |
| Visual Studio 2010 단축키 (1) | 2013.05.04 |