รีเซ็ต CSS : หน้าเว็บที่มีสไตล์อย่างแท้จริงเบราว์เซอร์ cross -

ในบทความสั้น ๆ นี้เราจะเห็นสิ่ง CSS เป็นเทคนิคของการตั้งค่า CSS และวิธีการที่ดีที่สุดใช้ในการสร้างอย่างแท้จริง cross - browser หน้าเว็บ

CSS Reset : สิ่งที่พวกเขาและสิ่งที่พวกเขา

สร้างเพจข้ามอย่างเต็มที่เว็บเบราเซอร์เป็นปัญหาที่หลายปี (เช่นเมื่อ Internet Explorer จะไม่มีส่วนแบ่งการตลาด 95%) ส่งผลกระทบต่อการออกแบบเว็บทั้งหมด แต่แม้เมื่อผลที่ได้คือเข้ากันได้กับเบราว์เซอร์ทั้งหมด (คุณไม่ได้เช่นความผิดปกติหรือข้อบกพร่องที่แสดงความสามารถในการส่งผลกระทบต่อการใช้งานของบริการ), การส่งออกของหน้าเว็บที่เกือบจะตลอดเวลาที่แตกต่างกันขึ้นอยู่กับว่าดูด้วย IExplorer , Firefox, Safari, Chrome หรือ Opera

ที่ผมพูดถึงความแตกต่างเล็กบางครั้งแทบจะไม่สังเกตเห็น แต่ยังคงเกี่ยวข้องกับการออกจากความคาดหวังของผลลัพธ์ของการออกแบบเว็บ (ตัวอย่างเช่นเนื่องจากช่องว่างระหว่างสององค์ประกอบที่เป็นขนาดใหญ่กว่าเล็กน้อยเบราว์เซอร์อื่น)

ปัญหานี้เกิดจากการตั้งค่าเริ่มต้นของการนำซอฟต์แวร์ของแต่ละบุคคลที่เกี่ยวข้องกับความแตกต่างที่เห็นได้ชัดมากขึ้นหรือน้อยลงเมื่อคุณทำให้หน้าเว็บเดียวกัน
เพื่อแก้ปัญหาที่เรารีสอร์ทเพื่อเทคนิคที่เรียกว่ารีเซ็ต CSS ซึ่งประกอบด้วยหลัก, ชุดของคำแนะนำในการใช้ CSS ที่เพื่อที่จะ"ตั้งค่า"ตั้งค่าเริ่มต้นในเบราว์เซอร์ของแต่ละบุคคลนี้

CSS Reset : วิธีง่ายๆ

วิธีแก้ปัญหาไม่กลั่นคือการประกาศการเริ่มต้นของกฎสไตล์ชีทที่ยกเลิกสำหรับองค์ประกอบในแต่ละหน้ามักจะจำนวนของแอตทริบิวต์ที่กำหนดโดยเบราว์เซอร์ (เช่น, ตัวอย่างเช่นขอบ padding, a)

 



 * {



  



 margin : 0;



  



 padding : 0;







 }

 

หรือ :

 



 * {



  



 margin : 0;



  



 padding : 0;



  



 border : 0 none;



  



 เค้าร่าง : 0;







 }

 

หรือมากกว่าอย่างประณีต :

 



 * {

 

  



 แนวตั้งแนว : พื้นฐาน;



  



 font - น้ำหนัก : สืบทอด;



  



 font - family : inherit;



  



 ลักษณะแบบอักษร : สืบทอด;



  



 font - size : 100%;



  



 margin : 0;



  



 padding : 0;



  



 border : 0 none;



  



 เค้าร่าง : 0;







 }

 

ในความเป็นจริงฉันไม่สามารถแนะนำการใช้งานของโซลูชั่นที่ง่ายเหล่านี้เช่นการใช้ตัวเลือกสากล (เครื่องหมายดอกจัน) ที่สามารถนำไปสู่​​ผลลัพธ์ไม่ดีที่สุดเสมอ

• <<
• 1
• 2
• >>