크로스 브라우징을 위한 코드

#기본세팅

*{
	padding:0;
	margin:0;
	box-sizing: border-box;
}

 

#아웃라인 제거

 

a:focus,a:active,a:hover,area{
    outline: none !important;
}

#img

img{
	border:0;
	vertical-align:top;
}

#table

table{
	border-collapse: collapse;
	width:100%;
}

 #ul

ul,li,dl,dt,dd,ol{
	list-style:none;
}

#a

a{
	text-decoration:none;
}

 

#위와 같이 세팅 하는 이유

예를들면 기본적으로 h1~h6 태그에는 font-weight이 세팅되어져 있고 a 태그에는 기본적으로 밑줄이 생기고 칼라가 세팅되어져 있다. 

-reset.css 등으로 검색하면 수많은 리셋 코드를 확인할수 있다.

-모든 브라우저의 형태에서 기본으로 제공하는 스타일을 전부 없애버린 초기화 기법이다.