웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] CSS에서 웹페이지 전체에 스타일을 적용하는 (*) 표시 본문

웹프로그램밍 자료실/HTML 자료

[해피CGI][cgimall] CSS에서 웹페이지 전체에 스타일을 적용하는 (*) 표시

해피CGI윤실장 2018. 12. 4. 09:06

CSS에서 와일드카드라 불리우는 것으로,
모든 요소에 스타일을 적용하겠다는 의미입니다.
페이지에 일괄적으로 패딩이나 마진을 주고자 할 경우에 유용하게 사용가능한 팁입니다.

 

* {
margin: 0;
padding: 0;
}

모든 HTML 요소의 여백과 채우기를 0으로 재설정합니다.
일부 브라우저는 이미 기본 작업을 수행 할 수 있지만,
작업을 수동으로 다시 설정하는 것이 좋습니다.

CSS에는 스타일 외에도 모든 웹 페이지에
적용되는 기본 스타일이 있습니다. 이러한 기본 스타일은

<h1>, <li>, <p>, <table> 등의 요소에 대해 특정 padding 및
margin 값을 정의 <h1>, <li>, <p>, <table> .


성가신 점은 페이지를 올바르게 보이게하려면이 스타일을 재정의해야하는 경우가 종종 있습니다. 모든 브라우저 제조업체가 기본값에 동의하는 것은 아닙니다. 종종 대부분의 개발자는 모든 padding 및 margins 을 zero 으로 재설정하는 것이 가장 쉬운 방법이므로 모든 것이 예상대로 작동합니다. * 는 wildcard 선택자이며 모든 요소 유형과 일치합니다. 기본적으로 스타일은 모든 패딩 / 여백을 모든 요소에 대해 0으로 재설정하여 모든 기본 스타일을 제거한다고 말합니다.

출처 : code.i-harness.com


 


홈페이지바로가기

Comments