หน้าที่หลักของ Cascading Style Sheets มีความสำคัญมาก โดยที่ CSS ทำงานร่วมกับ HTML และเพื่อให้รูปแบบและลักษณะพื้นฐานและสิ่งนี้จะทำให้เรารู้ว่าองค์ประกอบ HTML จะดูบนหน้าเว็บ โดยที่ CSS3 เป็น CSS เวอร์ชันล่าสุด เรามาทำความเข้าใจความแตกต่างระหว่าง CSS และ CSS3 ตามลำดับต่อไปนี้:
- ความเข้ากันได้ของ CSS และ CSS3
- มุมโค้งมนและการไล่ระดับสี
- เอฟเฟกต์ข้อความและภาพเคลื่อนไหว
- คลาสหลอก
- รายการใน CSS และ CSS3
CSS3 มีความสามารถเช่น JavaScript และยังมีคุณลักษณะการพัฒนาอุปกรณ์เคลื่อนที่ที่มีคุณสมบัติเพิ่มเติมเช่นการเปลี่ยนการไล่ระดับสีเป็นต้นดังนั้นเรามาเปรียบเทียบ CSS และ CSS3 กับพารามิเตอร์เหล่านี้กัน
ความเข้ากันได้ของ CSS และ CSS3
CSS ไม่สามารถทำงานร่วมกับ CSS3 ได้เนื่องจากจุดประสงค์หลักคือการมุ่งเน้นไปที่การให้คุณสมบัติการจัดรูปแบบต่างๆ นอกจากนี้ยังมีความสามารถสำหรับตำแหน่งของข้อความและวัตถุ แต่ฟีเจอร์เหล่านี้ได้รับการอัปเดตเป็นเวอร์ชันล่าสุดนั่นคือ CSS3
CSS3 เป็น backword ที่เข้ากันได้กับ CSS ซึ่งจะไม่ทำให้โค้ดใด ๆ ที่เขียนใน CSS ไม่ถูกต้อง CSS3 ทำให้หน้าเว็บดูน่าสนใจและดีขึ้น พวกเขาคือโหลดเร็วมากและใช้เวลาน้อยลงในการสร้างเพจ
มุมโค้งมนและการไล่ระดับสี
เมื่อ CSS3 เปิดตัวนักพัฒนาใช้ในการออกแบบภาพที่มีลักษณะโค้งมนไปยังโครงสร้างที่แตกต่างกันและการไล่ระดับพื้นหลัง กระบวนการนี้รวมถึงนักพัฒนาที่ออกแบบเส้นขอบเฉพาะและอัปโหลดการออกแบบบนเซิร์ฟเวอร์ พวกเขาต้องวางภาพบนหน้าเว็บและสุดท้าย CSS ต้องวางตำแหน่งเส้นขอบนี้ให้ถูกต้อง
ใน CSS3 นักพัฒนาเพียงแค่ต้องเขียนโค้ดเช่น round ชายแดน {border-radius: 20px}
. และเสร็จแล้วพวกเขาไม่จำเป็นต้องส่งผ่านเซิร์ฟเวอร์ใด ๆ และดำเนินการใด ๆของกิจกรรมอื่น ๆ แม้แต่การไล่ระดับสีก็สามารถตั้งค่าได้โดยใช้รหัสเช่น GradBG {พื้นหลัง: ไลเนอร์ - ไล่ระดับสี (แดง, ดำ)}
print_r เป็นสตริง
เอฟเฟกต์ข้อความและภาพเคลื่อนไหว
ใน CSS ภาพเคลื่อนไหวถูกเขียนด้วย JavaScript และ JQuery มันไม่มีคุณสมบัติในเลเยอร์การออกแบบและแม้แต่องค์ประกอบของหน้ายังไม่มีเอฟเฟกต์พิเศษใด ๆ เช่นข้อความเงาการเลือกข้อความ ฯลฯ
ใน CSS3 ผู้พัฒนาสามารถเพิ่ม text-shadow เพื่อให้อ่านง่ายขึ้น นอกจากนี้ยังสามารถเพิ่มเอฟเฟ็กต์ภาพเพื่อแบ่งบรรทัดและคำที่ยาวขึ้นเพื่อให้พอดีภายในคอลัมน์ได้อย่างง่ายดาย นอกจากนี้ยังรวมถึงการเปลี่ยนแปลงขนาดและสีของข้อความอย่างต่อเนื่องแม้กระทั่งเวลาที่เปลี่ยนก็สามารถตั้งค่าได้
คลาสหลอก
สิ่งเหล่านี้ใช้เพื่อกำหนดสถานะขององค์ประกอบใน CSS โดยเฉพาะ
ไวยากรณ์:selector: pseudo-class {property: value}
. นอกจากนี้ยังมีคุณสมบัติต่างๆเช่น hover on (), tooltip hover ()
ใน CSS3 คลาสหลอกเหล่านี้คล้ายกับ CSS มาก แต่มีคุณสมบัติเพิ่มเติมเล็กน้อยที่แยกความแตกต่างทั้งสองนี้ ซึ่งรวมถึงเป้าหมายรูทที่เป็นเอกสารองค์ประกอบราก ใช้ค่าตัวเลขภายใน (n) เพื่อกำหนดเป้าหมาย
รายการใน CSS และ CSS3
CSS:
CSS ช่วยให้ผู้ใช้สามารถตั้งค่ารายการที่แตกต่างกันสำหรับรายการที่เรียงลำดับและไม่เรียงลำดับ
ผู้ใช้ยังสามารถตั้งค่าภาพสำหรับเครื่องหมายรายการ
เพิ่มสีพื้นหลังให้กับรายการและรายการ
สามารถเป็นวงกลมสี่เหลี่ยมจัตุรัสลักษณะรายการคล้ายดิสก์
c ++ เนมสเปซคืออะไร
CSS3
ในการใช้รายการใน CSS คุณสมบัติการแสดงผลควรมีรายการที่กำหนดไว้ในรายการ
ไม่รองรับระบบเลข
ช่วยให้สามารถตั้งค่ารูปภาพกับเครื่องหมายรายการ
นอกจากนี้ยังมีตำแหน่งสไตล์รายการและสามารถระบุตำแหน่งของกล่องเครื่องหมาย
ด้วยเหตุนี้เราจึงมาถึงตอนท้ายของบทความนี้ซึ่งเราได้กล่าวถึงความแตกต่างระหว่าง CSS และ CSS3 ค กำจัดไฟล์ โดย Edureka การฝึกอบรมการรับรองการพัฒนาเว็บจะช่วยให้คุณเรียนรู้วิธีสร้างเว็บไซต์ที่น่าประทับใจโดยใช้ HTML5, CSS3, Twitter Bootstrap 3, jQuery และ Google API และปรับใช้กับ Amazon Simple Storage Service (S3)
มีคำถามสำหรับเรา? โปรดระบุไว้ในส่วนความคิดเห็นของบทความนี้แล้วเราจะติดต่อกลับไป