2012-11-01 4 views
0

다른 브라우저는 기발한 방식으로 작동하며 때로는 CSS를 모든 브라우저에서 원하는 방식으로 보이게하기 위해 해킹을 사용합니다. 그러나 이미 HTML과 CSS를 작성한 후에해야 할 일입니다.새 사이트 시작 : 가장 완벽하고 안정적인 CSS 덮어 쓰기는 무엇입니까?

그러나 가장 쉬운 방법은 모든 브라우저에서 동일한 표준을 적용하는 것이 로컬 CSS 파일을 재설정하는 것임을 확인하는 것입니다.

그래서 새로운 HTML5 및 CSS3 프로젝트를 시작할 때 - 거기에서 리셋 된 것이 모든 기반을 커버합니까?

/* Webkit browsers add a 2px margin outside the chrome of form elements */ 
button, 
input, 
select, 
textarea { 
    margin: 0; 
} 
:

여기
article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
menu, 
nav, 
section { 
    display: block; 
} 

내가 워드 프레스 사이트에서 본 뭔가 :

* { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    vertical-align: baseline; 
} 

그리고 HTML5를 들어 :

예를 들어, 다음 두 가지 내가 좋아하다

나는 이런 것들을 결합한 기성품 CSS 스크립트가 있다는 것을 알고 있지만, 가장 신뢰할 수 있고 완전한 e, 크로스 브라우저 친화적이고, 최신이며 유지 관리가 가능합니까?

감사합니다.

+4

http://html5boilerplate.com – SLaks

+0

고마워, 그건 확실히 인기가있다. 나는 또한 이것을 보았습니다 : http://www.cssreset.com - 그러나 선택할 것입니까? 사람들은 구현에 가장 유용한 것을 어떻게 결정할 수 있습니까? – Baumr

+1

하나는 CSS 재설정 ... 다른 하나는 아닙니다. normalize.css를보십시오 – BoltClock

답변

1

Normalize은 모든 CSS 값을 재설정하는 대신 눈에 보이는 일관성을 유지하는 새로운 웹 사이트의 기초가됩니다.

또한 Modernizr은 IE6-8과 같은 오래된 브라우저에 HTML5 스키 매틱 기능을 제공 할 수있는 뛰어난 JS 라이브러리입니다 (다른 많은 것들도 마찬가지입니다).

의견에서 언급했듯이 HTML5 Boilerplate이 가장 좋은 장소입니다 (두 개의 CSS 파일 main.css 및 normalize.css가 있음).

+0

고마워요! 그리고 http://www.initializr.com을 통해 Modernizr 측면도 얻을 수 있다고 생각하십니까? 나는 기본적으로 첫 번째 대답에 의해 확신했다 : http://www.quora.com/Is-Bootstrap-a-complement-OR-an-alternative-to-HTML5-Boilerplate-or-iverversa – Baumr