Skip to main content

CSS3 คืออะไร? Cascading Style Sheets ระดับ 3

CSS จัดหน้าเว็บไซต์ (อาจ 2024)

CSS จัดหน้าเว็บไซต์ (อาจ 2024)
Anonim

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

คุณลักษณะใหม่ ๆ ของ CSS 3

  • selectors
    • Selectors ใน CSS 3 น่าจะเป็นที่น่าสนใจมาก พวกเขาจะอนุญาตให้นักออกแบบ / นักพัฒนาซอฟต์แวร์เลือกในระดับที่เฉพาะเจาะจงมากขึ้นของเอกสาร หนึ่งในสิ่งที่ดีเกี่ยวกับโมดูลนี้ก็คือเบราว์เซอร์จำนวนมากเริ่มสนับสนุน CSS 3 selectors ขั้นสูงแล้วดังนั้นคุณจึงสามารถเริ่มต้นใช้งานตัวเลือกเหล่านี้ได้เลย ตัวอย่างเช่น selectors ใหม่บางส่วนมีดังนี้:
      • การจับคู่กับแอตทริบิวต์และค่าแอตทริบิวต์รวมทั้งการจับคู่บางส่วน
    • โครงสร้างระดับเทียมเช่น n TH-เด็ก
    • เป้าหมายหลอกระดับเพื่อกำหนดลักษณะเฉพาะองค์ประกอบที่กำหนดเป้าหมายใน URL
    • pseudo-class ที่เลือกไว้เพื่อกำหนดลักษณะองค์ประกอบใด ๆ ที่ได้รับการตรวจสอบเช่นองค์ประกอบของวิทยุหรือ checkbox
  • เอฟเฟ็กต์ข้อความและเค้าโครง
    • การเปลี่ยนแปลงเครื่องหมายยัติภังค์ช่องว่างและการแก้ไขข้อความในเอกสาร
  • First-Letter และ First-Line Pseudo-Class
    • CSS 3 ควรอนุญาตให้คุณสมบัติส่งผลต่อการจัดวางตำแหน่งและการวางแนวของตัวพิมพ์ใหญ่
  • สื่อเพจและเนื้อหาที่สร้างขึ้น
    • ขณะนี้ CSS 3 จะสนับสนุนตัวเลือกเพิ่มเติมในสื่อเพจเช่นการใช้ส่วนหัวและส่วนท้ายและหมายเลขหน้า นอกจากนี้ยังมีคุณสมบัติขั้นสูงสำหรับเนื้อหาที่มีการพิมพ์ซึ่งรวมถึงคุณสมบัติสำหรับเชิงอรรถและการอ้างอิงไขว้
  • เค้าโครงแบบหลายคอลัมน์
    • ขณะนี้เค้าโครงร่างแบบหลายคอลัมน์มีคุณสมบัติเพื่อให้นักออกแบบสามารถแสดงเนื้อหาในหลายคอลัมน์โดยมีคำจำกัดความเช่นคอลัมน์คอลัมน์ช่องว่างคอลัมน์และความกว้างของคอลัมน์
  • ทับทิม
    • ตอนนี้ CSS สนับสนุนความสามารถในการเพิ่มคำอธิบายประกอบเล็ก ๆ ไว้ด้านบนหรือถัดจากคำที่ใช้บ่อยที่สุดในภาษาจีนและภาษาญี่ปุ่น โดยทั่วไปจะใช้เพื่อให้ออกเสียงหรือความหมายของ ideograms ยาก

CSS 3 จะสนุก

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