* { 여백: 0; 패딩: 0; } 더 이상 쿨하지 않음

제가 오랫동안 주장해온 기술 중 하나는 다음과 같습니다.

* {
    margin: 0;
    padding: 0;
}

이는 "CSS 재설정" 이론의 일부로서, 여러 브라우저에서 디자인을 일관되게 유지할 수 있도록 지원합니다. 이 기술은 모든 브라우저에서 작동하기 때문에 부정적인 것은 전혀 고려하지 않았습니다. 크리스찬 몬토야의 이 글을 읽기 전까지는 다음과 같이 지적했다.

이렇게 해서 브라우저 간의 패딩과 여백의 모든 차이를 없앴기 때문에 나는 자유롭게 내 페이지를 스타일링할 수 있었다. 안타깝게도 이는 좋은 방법이 아닙니다. 렌더링 에이전트에서는 특히 큰 웹 페이지와 같이 문서의 모든 요소에 규칙을 적용하는 것이 매우 힘들며, 이는 특히 기본 스타일의 제출 버튼을 원하는 경우 많은 기본 스타일을 파괴할 수 있습니다.

나는 그가 거기서 몇 가지 좋은 점을 지적하고 있다고 생각한다. 렌더링 엔진에 대한 그의 말이 맞을 수도 있지만, 로드 시간에 심각한 문제가 있었던 적은 없고 수많은 페이지에 걸쳐 이 기술을 사용해 왔습니다. 이미지 크기를 최적화하는 것이 가장 큰 방법이라고 생각합니다. 그러나 기본 제출 버튼은 확실히 문제가 됩니다. 실제로 Firefox 또는 Opera를 사용하여 이 사이트를 보고 있는 경우 의견을 제출하기 위해 눌러야 하는 "Say it!" 버튼이 기본 스타일에서 제거되었으며 테두리가 있는 일반 텍스트처럼 보입니다. 별로 이상적이지 않다. Safari를 사용하는 경우 기본 Safari 스타일 버튼을 사용합니다.

이걸 계속 쓸지 안 쓸지는 아직 미지수인 것 같아요. 입력/문자를 더 잘 처리할 수 있는 방법을 찾을 수 있다면 아마도 그렇게 할 것 같습니다.