ผู้ขาย CSS หรือคำนำหน้าของเบราเซอร์คืออะไร?

เส้นไล่ระดับสี

คุณสมบัติ Firefox, Opera และ Chrome และ Safari เวอร์ชันใหม่ ๆ จะใช้คุณสมบัติดังกล่าวพร้อมกับคำนำหน้าที่เหมาะสมในขณะที่ Chrome และ Safari เวอร์ชันต้นใช้พร็อพเพอร์ตี้

-webkit ลาด

. นอกจากนี้ Firefox ยังใช้ค่าต่างๆมากกว่าค่ามาตรฐาน

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

คำนำหน้าผู้ขายไม่ใช่สับ

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

แฮ็ก CSS ใช้ประโยชน์จากข้อบกพร่องในการใช้องค์ประกอบหรือพร็อพเพอร์ตี้อื่นเพื่อให้คุณสมบัติอื่นทำงานได้อย่างถูกต้อง ตัวอย่างเช่นรูปแบบกล่องใช้ประโยชน์จากข้อบกพร่องในการแยกวิเคราะห์

เสียงครอบครัว

หรือในวิธีเบราว์เซอร์แยกวิเคราะห์เครื่องหมายทับขวา (

) แต่การแฮ็กเหล่านี้ใช้เพื่อแก้ไขปัญหาเกี่ยวกับความแตกต่างระหว่างวิธีการที่ Internet Explorer 5.5 จัดการกับโมเดลกล่องและวิธีการตีความคำอธิบายของ Netscape และไม่มีส่วนเกี่ยวข้องกับสไตล์ครอบครัวเสียง Thankfully ทั้งสองเบราว์เซอร์ที่ล้าสมัยเป็นคนที่เราไม่ได้มีความกังวลตัวเองกับวันนี้

คำนำหน้าของผู้ขายไม่ได้เป็นสับเนื่องจากจะช่วยให้ข้อกำหนดในการตั้งค่ากฎสำหรับคุณสมบัติที่จะนำมาใช้ในขณะที่ในขณะเดียวกันก็อนุญาตให้ผู้ผลิตเบราว์เซอร์สามารถใช้งานพร็อพเพอร์ตี้ในรูปแบบอื่นได้โดยไม่ทำลายทุกสิ่งทุกอย่าง นอกจากนี้คำนำหน้าเหล่านี้กำลังทำงานกับคุณสมบัติ CSS ที่ ในที่สุดจะเป็นส่วนหนึ่งของข้อกำหนด . เราเพียงเพิ่มโค้ดบางส่วนเพื่อให้สามารถเข้าถึงสถานที่ได้เร็ว ๆ นี้ นี่คือเหตุผลว่าทำไมคุณถึงวางกฎ CSS ด้วยคุณสมบัติปกติที่ไม่ได้นำหน้า ด้วยวิธีนี้คุณสามารถวางเวอร์ชันนำหน้าได้เมื่อมีการสนับสนุนเบราว์เซอร์เต็มรูปแบบ

ต้องการทราบว่าเบราว์เซอร์สนับสนุนคุณลักษณะใดบ้าง เว็บไซต์ CanIUse.com เป็นแหล่งข้อมูลที่ยอดเยี่ยมสำหรับการรวบรวมข้อมูลนี้และแจ้งให้คุณทราบว่าเบราว์เซอร์ใดและเบราว์เซอร์รุ่นใดที่รองรับคุณลักษณะนี้

คำนำหน้าผู้ขายกำลังน่ารำคาญ แต่ชั่วคราว

ใช่อาจรู้สึกรำคาญและซ้ำ ๆ ต้องเขียนคุณสมบัติ 2-5 ครั้งเพื่อให้ทำงานในเบราว์เซอร์ทั้งหมด แต่เป็นสถานการณ์ชั่วคราว ตัวอย่างเช่นเมื่อไม่กี่ปีที่ผ่านมาให้ตั้งมุมกลมที่กล่องที่คุณต้องเขียน:

-moz-border-radius: 10px 5px;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 5px;รัศมีขอบ: 10px 5px;

แต่ตอนนี้เบราว์เซอร์ที่มีมาเต็มสนับสนุนคุณลักษณะนี้คุณจริงๆต้องรุ่นมาตรฐาน: