[CSS]브라우저 스타일 초기화

브라우저마다 장착한 기본스타일이 있습니다. 그러기때문에 제작자 스타일이나 사용자 스타일보다 하위에 위치하지만, 제작자 스타일이나 사용자 스타일이 지정되지 않은 요소에는 당연히 브라우저 스타일이 적용됩니다.

각 브라우저가 장착한 스타일에는 큰 차이가 있어 동일 브라우저의 같은 버전에서도 표현방식의 차이에 따라 스타일의 해석이나 적용방법이 다른 경우도 있습니다.
이 같은 문제에 대처하기 위해 전체 선택자를 이용하여 브라우저 스타일을 실질적으로 초기화 하는 방법입니다.
또한 전체 선택자를 적용함으로 해서 따로 지정하지 않은 스타일은 전체 선택자 스타일이 적용이 됩니다.
스타일 마다 우선순위가 있는데, 전체선택자로 스타일을 줬을경우 기본으로 이 스타일시트가 적용이 되는것입니다.

 

 

*{  
margin:0;  
padding:0;  
border:0;  
background-color:transparent;  
color:#666; /* 원하는 색상 */ 
font-size:100%;  
font-weight:normal;  
font-style:normal;  
text-decoration:none;  
} 

 

* 뜻하며, 크로스브라우징에도 차별화되지 않습니다.
위와 똑같이 할필요는 없지만, 위소스에 맞게 자신의 사이트의 초기 css를 만드시면 되겠습니다.

참고자료 : http://hooney.net/2007/09/04/479/