Dün Google Chrome CSS sıfırlar karşılaşılan sorunu sonra ... Ben User Agent Style Sheets alanında biraz derinlemesine kazma düşündüm ...
CSS2.1 User Agent Style Sheets ... (ne "User Agent Style Sheets" habersiz olanlar takip etmek için varsayılan değerler üzerinde bu tablo Bulundu User Agent Style Sheets (Özellikler) nedir .
CSS 2.1 User Agent Style Sheets varsayılan tam bir listesi için buraya tıklayın
Dün, her "Ground Hog Günü" gibi bazı CSS / tablosuz düzenleri üzerinde çalışıyordu. Tüm IE 7, FF 3 ve Chrome iyi gidiyordu, untill aniden, bazı un-yoksayılabilir marjları yalnızca Google Chrome görülen gördüm. Çok garip ve worring rağmen, Ben yüceltilmesidir geldiğini bazı yeni hata / sorun oldu, benim sıradan çalışma bazı baharat nihayet vardı. Sad (ama güzel) bu sonda birkaç dakika içinde düzeltildi ...
Google Chrome, benim CSS sıfırlar (: 0px margin) ihmal gibi Temelde gibiydi. Aslında stil kullanıcı arayüzüne (-webkit-dolgu-start: 40px) neden oldu. 0 hatalı elemanları: Peki çözüm dolgu ayarlayarak bu tarz sıfırlamak oldu.
Herhangi bir elemanı oluyor bu sorunu önlemek için iyi bir yolu aşağıdaki gibi küresel bir CSS istirahat kullanmaktır
* {Margin: 0; padding: 0;}
User Agent Style Sheets (Özellikler) nedir?
Aşağıdaki alıntı alınır http://meiert.com/en/blog/20070922/user-agent-style-sheets/ User Agent Style Sheets hakkında daha fazla okumak, takip bağlantı
Ama belki sıradan - - CSS şekilde her biri 1 User Agent (UA, çoğunlukla bir 'web tarayıcısı' veya 'web istemci') makul belgeleri sunan bir varsayılan stil sayfasına sahip olacağını belirterek fikrini getirir. CSS 2 ki uyumlu kullanıcı arayüzleri varsayılan bir stil sayfası uygulamak gerekir (ya da yapsaydım gibi davranan) ve bir kullanıcı arayüzünün öntanımlı biçembent belge dili için genel sunum beklentilerini karşılayacak şekilde belge dilinin unsurlarını gerektiğini söylüyor; CSS 3 aynı düşüncede olması muhtemeldir.
CSS özellikleri bir "gerçek" tarzı varsayılan görüntü için levha veya kullanılıp kullanılmayacağını uygulamaları için o kadar bırakın bu yana, her tarayıcının yükleme klasöründe varsayılan stil sayfasını bulamazsanız bu şaşırtıcı değil. Microsoft Internet Explorer'ın yanı sıra Opera farklı olarak, örneğin (ve bildiğim kadarıyla), Firefox ve Netscape Navigator ("html.css" arayın) değil, aynı zamanda Konqueror gibi Gecko tarayıcı varsayılan stil kavramak oldukça basit olun.
Bir CSS Reset / CSS çeşitli tarayıcılar arasında tutarlılık oluşturur belirli bir başlangıca eleman stilleri bir dizi yapacaklarmış edilir.
Hepimiz çapraz tarayıcı CSS Kullanıcı yazma kabuslar yoluyla olmuştur. Yani bizim CSS yazmaya başladığınızda, herhangi bir çapraz tarayıcı tutarsızlıkları / kaldırmak sıfırlamak için ilk sıfırlamak için bir uygulamadır. CSS sıfırlar, sen üzerinde bina başlatmak için temiz bir temel vererek, ile CSS başlaması CSS basit birkaç satır vardır.
Normalde kullanma eğiliminde CSS sıfırlar bu gibi görünüyor
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;
}ol, ul {
list-style: none;
}h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
Tarayıcı yazı tipi boyutunu sıfırlayın
Ayrıca aşağıdaki satırı tarayıcı yazı tipi boyutunu uygulanmış reset dikkat ...
html {font-size: 76%;}
Yukarıdaki CSS sıfırlar tarayıcı yazı tipi boyutunu 10 piksel, ve bu da göreceli yazı tipi boyutunu (imkanlar SES bir WAI uyum her önemli olan) çalışmayı kolaylaştırır
Örneğin, aşağıdaki tanımı, bir span içinde font-size 10 piksel ve paragarph 14 piksel olarak ayarlanır ayarlanır ...
span {font-size: 1em;}
p {font-size: 1.4em;}
