เชี่ยวชาญ

CSS · ผู้เชี่ยวชาญ - สถาปัตยกรรม กลไกภายใน และกรณีขอบ

• ไปป์ไลน์การเรนเดอร์: reflow, repaint, compositingทำความเข้าใจสี่ระยะของการเรนเดอร์ในเบราว์เซอร์ เพื่อให้คุณรู้แน่ชัดว่าคุณสมบัติ CSS ตัวใดมีต้นทุนสูง และ will-change ทำงานเบื้องหลังอย่างไร
• Cascade layers (@layer) และ @scopeเชี่ยวชาญเกณฑ์ cascade ใหม่สองอย่าง คือ layers และ scope proximity เพื่อออกแบบสถาปัตยกรรมสไตล์ของคุณโดยไม่ต้องทำสงคราม specificity
• สีและฟังก์ชันขั้นสูง: oklch, color-mix, min/maxใช้ประโยชน์จากพื้นที่สีเชิงการรับรู้ ไวยากรณ์สีแบบสัมพัทธ์ และฟังก์ชันคณิตศาสตร์แบบมีชนิด เพื่อสร้าง design system ที่เบราว์เซอร์คำนวณให้คุณ
• กริดระดับผู้เชี่ยวชาญ: subgrid, auto-fit และ minmaxสร้างกริดที่ปรับตัวได้เองโดยไม่ต้องใช้ media queries และจัดแนวคอมโพเนนต์ที่ซ้อนกันให้ตรงกับแทร็กของพาเรนต์ด้วย subgrid
• การโต้ตอบสมัยใหม่: scroll-snap, view transitionsจัดการการเลื่อนแบบแม่เหล็ก การเปลี่ยนสถานะที่เบราว์เซอร์ทำแอนิเมชันให้ และการเคารพ prefers-reduced-motion อย่างเคร่งครัด