การแสดงไอที

ตั้งค่าใหม่เป็น 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-น้ำหนัก: ปกติ;
}

รีเซ็ตขนาดตัวอักษรเบราว์เซอร์
นอกจากนี้ยังทราบว่าการตั้งค่าใหม่ได้นำไปใช้ขนาดตัวอักษรเบราว์เซอร์ในบรรทัดต่อไปนี้ ...

html {font-size: 76%;}

ข้างต้น CSS ตั้งขนาดตัวอักษรเบราว์เซอร์ถึง 10 พิกเซลและสิ่งนี้ทำให้มันเป็นไปได้ที่จะทำงานกับขนาดตัวอักษรญาติ (ซึ่งเป็นทุกที่สำคัญจากการปฏิบัติตาม WAI prespective)
สำหรับเช่นในความหมายดังต่อไปนี้ font-size ในช่วงตั้ง 10 พิกเซลและว่าใน paragarph ถูกตั้งค่าเป็น 14 พิกเซล ...

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