אתמול, לאחר ההנפקה נתקלתי עם איפוס ה-CSS ב-Google Chrome ... חשבתי על לחפור קצת יותר עמוק לתוך השטח של סוכן דפי משתמש סגנון ...
מצא את הטבלה על ערכי ברירת המחדל של CSS2.1 סוכן המשתמש גיליונות סגנון ... (למי מודע למה "סוכן המשתמש גיליונות סגנון" הוא פעל מהו סוכן המשתמש גליונות סגנון (מפרט) .
לרשימה מלאה של CSS 2.1 סוכן המשתמש המחדל בגיליונות סגנון לחץ כאן
אתמול, כמו בכל "יום החזיר קרקע" אחרים, עבדתי על כמה פריסות CSS / tableless. הכל הולך טוב IE 7, FF 3 ו Chrome, untill פתאום, ראיתי כמה בלתי ignorable שולי לראות רק ב-Google Chrome. אם כי מוזר מאוד worring, זה היה קצת בעיה באג / חדש באתי accross, לא היה סוף סוף קצת ספייס בעבודה שגרתית שלי. עצוב (אבל נחמד) זה הלך קבוע בתוך כמה דקות של בדיקה ...
בעיקרון, זה נראה כמו Google Chrome התעלם איפוס CSS שלי (שולי: 0px). זה בעצם נגרם על ידי סגנונות User-agent (-WebKit-padding-התחלה: 40px). אז הפתרון היה לאפס את הסגנון על ידי קביעת ריפוד: 0 האלמנטים שלא התנהג יפה.
דרך טובה למנוע את הבעיה הזו לא יקרה לכל רכיב היא שימוש יתר העולמי CSS כדלקמן
* {Margin: 0; padding: 0;}
מה זה סוכן המשתמש גליונות סגנון (מפרט)?
הקטע הבא לקוח מתוך http://meiert.com/en/blog/20070922/user-agent-style-sheets/ הקישור, בצע לקרוא יותר על סוכן גיליונות סגנון משתמש
CSS 1 מציג את הרעיון באומרו כי כל סוכן משתמש (UA, לעתים קרובות 'דפדפן אינטרנט' או 'לקוח אינטרנט') יהיה ברוחב הגיליון המציג מסמכים סביר - אבל ללא ספק ארציים - באופן. CSS 2 אומר כי סוכני משתמש העומדות חייב להחיל גליון סגנונות ברירת המחדל (או להתנהג כאילו הם עשו) וכי פול גז סוכן של המשתמש גיליון צריך להציג את האלמנטים של שפת המסמך בדרכים לספק את הציפיות מצגת כלליים לשפה את המסמך, CSS 3 צפוי להיות של אותה נפש.
מאז במפרט-CSS להשאיר אותו עד מימושים האם להשתמש בגיליון "אמיתי" בסגנון לתצוגה מחדל או לא, זה לא מדהים, כי אתה לא מוצא את סגנון ברירת המחדל של הגיליון בתיקיית ההתקנה של כל דפדפן. שלא כמו את Internet Explorer של מיקרוסופט כמו גם אופרה, למשל (וגם עד כמה שאני יודע), דפדפנים השממית כמו Firefox ו-Netscape Navigator (לחפש "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 ol, {
רשימת בסגנון: אין;
}H1, H2, H3, H4, H5, H6 {
font-size: 100%;
font-weight: normal;
}
לאפס את גודל הגופן בדפדפן
שים לב גם לאפס את זה הוחל על גודל הגופן בדפדפן בתור הבא ...
html {font-size: 76%;}
מעל CSS מאפסת את הגופן בדפדפן בגודל 10 פיקסלים, וזה מאפשר לעבוד עם גודל הפונטים יחסית (שזה כל חשוב מקיום WAI prespective)
עבור למשל, בהגדרה הבאה, גודל הפונט בפרק זמן מוגדר 10 פיקסלים וכי paragarph מוגדר כ 14 פיקסלים ...
span {font-size: 1em;}
p {font-size: 1.4em;}
