2009 2009年 07月 28日

CSS2.1的用戶代理樣式表默認

昨天,在谷歌瀏覽器的CSS重置遇到的問題,我......我想挖成用戶代理樣式表領域的深一點......
發現CSS2.1的用戶代理樣式表(對於那些不知道什麼是“用戶代理樣式表”按照默認值表什麼是用戶代理樣式表(規範) 。

對於CSS 2.1的用戶代理樣式表默認的完整列表, 請點擊這裡


2009 2009年 07月 27日

用戶代理樣式表:在谷歌瀏覽器的神秘空間

昨天,像所有其他的“土撥鼠日”,我是工作在一些CSS /無表格佈局。 所有在IE 7,FF 3和Chrome,直到突然,我看到一些聯合國忽略利潤率僅在谷歌Chrome。 雖然很奇怪,武俠,這是一些新的bug /問題我來到accross,終於有一些我的平凡工作中的香料。 悲傷(但很好)有固定探頭幾分鐘內...

基本上,它看起來像谷歌Chrome忽略我的CSS復位(利用margin:0px)。 它實際上是由於用戶代理樣式表(-webkit的填充啟動:40px)。 因此,解決辦法是復位設置填充樣式:0,行為不端的元素。
發生的任何元素,以防止這個問題的一個好方法是使用如下一個全球性的CSS休息

* {保證金:0;填充:0;}

什麼是用戶代理樣式表(規格)?
以下摘錄取自http://meiert.com/en/blog/20070922/user-agent-style-sheets/ ,後續環節,讀取用戶代理樣式表的更多信息

的CSS介紹說,每個用戶代理(UA,往往是一個'網頁瀏覽器“或”Web客戶端“)將有一個默認的樣式表,提出在一個合理的文件的想法 - 但可以說是平凡 - 方式。 CSS 2的表示,符合用戶代理必須申請1默認樣式表的行為好像他們做的和,1用戶代理的默認樣式表應該呈現方式,滿足文檔語言的一般介紹期望文檔語言的元素;的CSS三是可能是相同的想法。

由於CSS規範離開它是否使用默認顯示一個“真實”的樣式表或不實現,它不令人吃驚的是,你不覺得在每一個瀏覽器的安裝文件夾的默認樣式表。 微軟的Internet Explorer以及歌劇不同,例如(據我所知),Gecko的瀏覽器如Firefox和Netscape Navigator的(看“html.css”),但也Konqueror的,而簡單地理解他們的默認樣式。


2008 03月 11日 二零零八年

什麼是CSS的重置?

一個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;
}

OL,UL {
列表樣式:無;
}

H1,H2,H3,H4,H5,H6 {
字體大小:100%;
字體重量:正常;
}


重置瀏覽器的字體大小
還注意到,已被應用到瀏覽器中的下面一行字體大小復位...

html {font-size: 76%;}

上述的CSS重置瀏覽器的字體大小為10像素,這使得它可以使用相對字體大小(這是每一個圍合規的重要何衛青)
例如,在下面的定義,跨度字體大小設置為10像素,在paragarph被設置為14像素...

span {font-size: 1em;}
p {font-size: 1.4em;}


NDK的家 | 表達它 表示唇齶裂 表示Penmenship 表示敬畏 表達自己