어제, 구글 크롬에서 CSS를 재설정과 함께 발생한 문제에 후 ... 난 사용자 에이전트 스타일 시트의 영역으로 깊이 비트를 파고 생각 ...
CSS2.1 사용자 에이전트 스타일 시트 ... (무엇을 "사용자 에이전트 스타일 시트"를 인식하지 못하는 분들은 다음과 곳입니다의 기본값에서이 테이블을 발견 사용자 에이전트 스타일 시트 (사양) 무엇입니까 .
CSS 2.1 사용자 에이전트 스타일 시트 기본값의 전체 목록을 보려면 여기를 클릭하십시오
어제, 다른 모든 '그라운드 호그 데이'처럼 약간의 CSS / tableless 레이아웃에서 작업되었습니다. 모두 IE 7, FF 3, 크롬에서 잘 진행되고 있었고, 전까지 갑자기 뭔가가 취소 ignorable 마진에만 Google 크롬에서 본 것을 보았다. 아주 이상하고 worring지만, 그것이 제가 accross 올 것을 몇 가지 새로운 버그 / 문제가 있었는데, 내 일상 업무의 일부 향신료 드디어있었습니다. 슬픈는 (그러나 좋은) 그것은 프로브의 몇 분 이내에 해결 했어요 ...
Google 크롬 내 CSS를 재설정합니다 (: 0px 여백) 무시처럼 기본적으로, 그것은 보였다. 그것은 실제로 사용자 에이전트 스타일 시트 (-웹킷 - 패딩 - 시작 : 40px)에 의해 발생되었다. 0 오작동 요소 : 그럼 해결책은 패딩을 설정하여 해당 스타일을 다시 설정하는 것이었습니다.
어떤 요소에서 일어나는 문제를 방지하기 위해 좋은 방법은 다음과 같이 글로벌의 CSS 쉬어니다
* {여백 : 0; 패딩 : 0;}
사용자 에이전트 스타일 시트 (사양)이란 무엇입니까?
다음 발췌문은에서 가져옵니다 http://meiert.com/en/blog/20070922/user-agent-style-sheets/ 사용자 에이전트 스타일 시트에 자세한 내용을보실려면 후속 링크
하지만 틀림없이 일상 - - 방식으로 CSS 1은 각각의 사용자 에이전트 (UA, 종종 '웹 브라우저'또는 '웹 클라이언트') 합리적으로 문서를 제시 기본 스타일 시트를 가질 것이라고 진술하여 아이디어를 소개합니다. CSS 2는 부합하는 사용자 에이전트가 기본 스타일 시트를 적용해야합니다 (또는 그들이했던 것처럼 행동)과 사용자 에이전트의 기본 스타일 시트가 문서 언어에 대한 일반적인 프레 젠 테이션의 기대를 충족 방식으로 문서 언어의 요소를 제시해야한다고 말한다; CSS 3 같은 마음이 될 가능성이 높습니다.
CSS의 사양은 '진짜'스타일의 기본 표시를위한 시트 또는하지를 사용하는 여부 구현에 맡기 때문에, 그것은 당신이 모든 브라우저의 설치 폴더에 기본 스타일 시트를 찾을 수없는 놀라운 없어. 마이크로 소프트의 인터넷 익스플로러뿐만 아니라 오페라와는 달리, 예를 들면 (그리고 내가 아는 한), 파이어 폭스와 넷스케이프 네비게이터 ( "html.css"를 찾습니다)뿐만 아니라, Konqueror에서 같은 도마뱀 붙이 브라우저는 기본 스타일을 이해하는 것이 비교적 간단합니다.
CSS의 재설정 / CSS는 다양한 브라우저에 걸쳐 일관성을 만들어 특정 기준에 요소 스타일의 수를 설정할 수 있습니다된다.
우리 모두 크로스 브라우저 CSS의 쓰기의 악몽을 통해 왔습니다. 그래서 우리가 CSS를 쓰기 시작하면, 그것은 어떤 크로스 브라우저 불일치를 제거 / 재설정하는 것이 먼저 재설 정할 수있는 연습입니다. CSS를 재설정, 당신은 당신에게시 구축을 시작하는 깨끗한 기지를 제공하여 CSS를 시작하는 CSS의 간단한 몇 줄 수 있습니다.
제가 정상적으로 사용하는 경향이있는 CSS를 리셋은 다음과 같습니다
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html {font-size: 76%;}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}마셨다, UL {
목록 스타일 : 없음;
}H1, H2, H3, H4, H5, h6 {
글꼴 크기 : 100 %;
글꼴 두께 : 정상;
}
브라우저 글꼴 크기를 재설정
또한 다음과 같은 라인에있는 브라우저의 글꼴 크기에 적용되었습니다 재설정합니다 ...
html {font-size: 76%;}
위의 CSS를 재설정 브라우저 글꼴 크기를 10 픽셀로, 이것은 가능한 상대적인 글꼴 크기 (prespective WAI 준수의 모든 중요한지) 작업할 수
예를 들어, 다음 정의에서, 스팬의 글꼴 크기는 10 픽셀과 그 paragarph에 14 픽셀로 설정되어로 설정됩니다 ...
span {font-size: 1em;}
p {font-size: 1.4em;}
