나는 페이스 북과 유튜브와 같은 많은 웹 사이트를위한 CSS 파일을보고있다.CSS에서 "*"는 무엇을 의미합니까?
* {
margin: 0;
padding: 0;
}
그것은 페이지의 레이아웃에 영향을주지 않습니다 크롬 웹 개발자 도구에서 해당 블록을 제거하는 등, 홀수 :
는 거의 모두에서이 코드를 참조하십시오.
이 코드는 무엇을 의미하며 언제 사용되며 이유는 무엇입니까?
이 일반적인 기술은 CSS 리셋이라고합니다. 브라우저마다 브라우저의 기본 여백이 다르므로 사이트의 여백이 달라집니다. *은 "모든 요소"(universal selector)를 의미하므로 여백이없고 모든 패딩을 제로로 설정하여 모든 브라우저에서 동일하게 보이도록 설정합니다.
다음 링크를 사용해보십시오. https://www.w3schools.com/cssref/sel_all.asp – Kuhan
와일드 카드로 모든 HTML 요소에 대해 margin 및 padding ~ 0을 설정합니다.
* {
font-size: 20pt;
}
* 그것은 모든 요소에 이러한 스타일을 적용 의미 와일드 카드
입니다.
이 경우 모든 요소의 margin 및 padding을 0으로 설정합니다. 이는 다른 요소의 모든 기본 브라우저 여백/패딩을 공통 값으로 기본 설정하기 위해 CSS 파일 재설정과 일반적입니다.
별표 (*)는 모든 요소를 의미합니다.
* {
margin: 0;
}
에 페이지의 모든 HTML 요소의 마진과 패딩을 재설정 0
모든 요소의 여백을 설정하지만, 모든 경우 수동으로 재설정하는 것이 좋습니다.
실제로 대부분의 웹 사이트에는 reset.css (또는 이와 유사한 기능)이 포함되어 있습니다.이 웹 사이트를 열면 모든 브라우저에서 모든 것을 재설정하는 많은 규칙이 있음을 알 수 있습니다.
HTML 콘텐츠를 읽을 수 없으므로 브라우저가 기본적으로이 작업을 수행하지 않습니다. 예제가 있습니까? –
나는 어떤 예제도 제공 할 수 없었다 ... 그러나 나는 얼마나 많은 다른 브라우저가 있는지, 프로젝트의 포크, 휴대 전화 브라우저 등을 알고있다. "5 월"은 거기에 황금어였다 :) – Oomta
일반적인 CSS 재설정의 일반적인 부분입니다. 이것은 기본적으로 모든 마진과 모든 (*) 요소의 패딩을 0으로 설정합니다. 그런 다음 요구 사항에 따라 각 요소에 여백과 패딩 값을 자유롭게 추가 할 수 있습니다.
CSS에는 스타일 외에도 모든 웹 페이지에 적용되는 기본 스타일이 있습니다. 이러한 기본 스타일은 <h1>, <li>, <p>, <table>과 같은 요소에 대해 특정 padding 및 margin 값을 정의합니다. 성가신 점은 페이지를 올바르게 표시하기 위해 이러한 스타일을 재정의해야하지만 모든 브라우저 제조업체가 기본값에 동의하지 않는 경우가 종종 있습니다. 종종 대부분의 개발자는 padding 및 margins을 zero으로 재설정하는 것이 가장 쉬운 방법이므로 모든 것이 예상대로 동작합니다. *은 wildcard 셀렉터이며 모든 요소 유형과 일치합니다. 기본적으로 스타일은 모든 패딩/여백을 모든 요소에 대해 0으로 재설정하여 모든 기본 스타일을 제거한다고 말합니다.
*
그것은 모든 요소 margin: 0; 및 padding: 0;이 경우 모든 요소 것 선택된 원소, 0으로 마진 패딩 세트를 선택하고, 와일드 카드이다.
이것은 웹 개발에 매우 유용하며, 내가 만든 모든 사이트에서 사용합니다.
그것은 기술이라고 언급 할 가치가있다. 논쟁의 여지가있다. 많은 사람들이 와일드 카드 선택기를 재설정에 사용하지 말 것을 권장합니다. 그러나 많은 사람들은 일반적으로 리셋에 반대한다고 주장합니다. 말하기에 충분하다. 일반적인 베스트 프랙티스 라기보다는 선호하는 것이다. –
아마 CSS가 생성 되었기 때문에 나타납니다. 아마 기본 여백 및 패딩을 설정하기 만하면됩니다. –
이 질문 [CSS 재설정이 여전히 필요합니까?] (http://stackoverflow.com/questions/3739154/is-a-css-reset-still-necessary) –