2013-10-23 2 views
4

UI를 페이지 DOM에 추가하는 브라우저 확장 프로그램에서 작업하고 있습니다. 일부 페이지에서는 특정 스타일이 내 UI에 영향을 미치는 문제가 있습니다. 이 문제를 해결하기 위해 대부분의 스타일을 기본 값으로 재설정하는 공통 루트 아래에 UI를 유지합니다.모든 것을 기본값으로 설정하는 CSS 재설정

가끔 UI에서 시각 장애가 발생하는 것을 놓쳤습니다. 페이지의 CSS 파일을 form { width: 80%; }을 설정 즉, (그래서 난 내 리셋 스타일에 form { width: auto; }를 추가해야합니다.

모든 요소에 대한 표준에 의해 디폴트로 선언 된 값으로 모든 CSS 속성을 재설정 스타일의 컬렉션이 있습니까?

당신이 성공을 얻을 것이다 경우
+1

정확히 무엇을 찾고 있는지는 모르지만 도움이 될 수 있습니다. https://github.com/necolas/normalize.css – idmean

답변

1

서로 다른 독특한 스타일로 다른 페이지에 스타일을 적용됨에 따라, 하드는 말을 일부 CSS 재설정으로 모든 페이지에서 모든 스타일을 제거하는 중.

그러나3210 어쩌면 이러한 도움이 될 수 있습니다

Normalize.css (많은 CSS 프레임 워크에서 사용)

CSS Reset by Meyer

내가 그렇게 같은 것을 찾기 위해 빠른 Google 검색을 사용하는 것이 좋습니다
1

: http://meyerweb.com/eric/tools/css/reset/

당신은 할 수 있습니다 리셋을있는 그대로 구현 한 다음 문제가 발생하면 필요에 따라 간단히 추가하십시오.

미리 만들어진 CSS 재설정 중 일부는 재설정을 사용해야한다는 점에 유의하십시오.

1

예, 물론입니다.

여기에는 두 개의 학교가 있습니다. 하나는 CSS에서 기본적으로 모든 여백, 패딩 및 기타 설정을 제거하는 제로 스타일 재설정 시트입니다. 이것의 좋은 예는 Eric Meyer's Reset CSS

입니다. 다른 접근법은 대략 모든 부분을 단락과 제목, 목록 들여 쓰기 등을 합리적으로 고려한 것으로 설정하는 것입니다. 좋은 예는 다음과 같습니다. Normalize.css

일부 브라우저는 initial 값도 지원합니다.이 값은 속성의 값을 초기 값으로 다시 설정합니다. 그것은 생산, IMO에서 사용할 정도로 널리 지원되지 않습니다.

5
  1. Eric Meyer’s “Reset CSS” 2.0
    (원래)

  2. HTML5 Doctor CSS Reset
    이 (HTML5 태그를 재설정 개선하기 위해 에릭 마이어의 하나를 확장)

  3. Yahoo! (YUI 3) Reset CSS
    (표준화 기준.CSS)

  4. 범용 선택기 ‘*’ 재설정

  5. Normalize.css 1.0 2.1.3
    ("... 순수 트위터 부트 스트랩, HTML5 상용구, YUI 3, 트윗 덱에 의해 사용되는, , Medium, NASA, GOV.UK, Guardian, Rdio, Favstar, iA 등 많은 사람들이 참여했습니다. ")

기타는 있지만 2012’s most popular CSS Reset scripts (아직 있습니다)입니다.

+0

이 프레임 워크는 실제로 해결책이 아닙니다. 이들은 브라우저의 잘 정의 된 기본 스타일을 기반으로 작동합니다. 그러나 마틴이 요구 한 것은 이전에 적용된 스타일에 대해 (많은) 가정을하지 않는 초 공격적인 재설정입니다. – h0b0

관련 문제