Html tags hidden attributes

Question

다른 브라우저에서 html을 할 때 모든 사람들이 가지고있는 문제점이 있습니다. 모든 브라우저에서 예상대로 렌더링되지 않습니다.

일부 특성을 지정한 경우 모든 브라우저에서 동일하게 렌더링됩니다. 일부 브라우저는 요소의 속성을 조정하지만 다른 요소는 조정하지 않습니다. 내 질문은

CSS에 지정되지 않은 모든 요소 속성을 제공하는 도구가 있습니까? 이 방법, 난 그냥 최고의 렌더링 브라우저를 무엇으로보고

Answer 1

당신은 크롬 웹 관리자를 시도 할 수 있습니다 (오른쪽 요소를 검사, 클릭). 그런 다음 Computed Style 아코디언을 확장하십시오. 요소에 적용되는 내용이 모두 표시됩니다. 같은 , 나는 강력히은 "Normalize.css"로 리셋 스타일 시트를 사용하는 것이 좋습니다 파이어 폭스 (방화범) 또는 오페라 (잠자리) 또는 IE의 경우 (F12의 데브. 도구)이 별도로

---

입니다 요소에 브라우저 적용 스타일을 재정 의하여 모든 브라우저에서 동일하게 보입니다.

또한 버튼과 같은 일부 요소는 Firefox 및 Chrome 의 기본값 인에서 동일하게 보일 수 없습니다. 모든 브라우저에서 동일하게 보이게하려면 CSS가 필요합니다.

Answer 2

브라우저가 자신의 기본 스타일 (예 : 여백, 패딩을 사전에 CSS : 들으에서 속성을 복사합니다 알고리즘을 렌더링 브라우저에 의존하지 않습니다 글꼴) 특정 요소에 대한 및 그들은 브라우저마다 다를 수 있습니다.

Chrome Dev Tools 또는 Firebug의 요소 검사기 (둘 다 F12)를 사용하여 요소에 적용된 스타일을 확인할 수 있습니다. 기본 스타일에 의존하는 것은 새로운 버전의 브라우저에서 바뀔 수 있기 때문에 좋은 생각이 아닙니다. 자신의 CSS로 우선 적용하는 것이 좋습니다.

또 다른 옵션은 CSS Reset을 사용하여 모든 기본 브라우저 스타일을 제거하여 다른 브라우저 간의 불일치를 줄이는 것입니다. 예를 재설정

:

/* http://meyerweb.com/eric/tools/css/reset/ 
    v2.0 | 20110126 
    License: none (public domain) 
*/ 

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline; 
} 
/* HTML5 display-role reset for older browsers */ 
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { 
    display: block; 
} 
body { 
    line-height: 1; 
} 
ol, ul { 
    list-style: none; 
} 
blockquote, q { 
    quotes: none; 
} 
blockquote:before, blockquote:after, 
q:before, q:after { 
    content: ''; 
    content: none; 
} 
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
}