คำจำกัดความของ CSS (สไตล์ชีต)

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

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

ในกรณีนี้ จะต้องมีการเรียก CSS สไตล์ชีตจากภายในไฟล์ HTML ผ่าน a คำแนะนำ.

ต้องขอบคุณการแยกเนื้อหาออกจากสิ่งที่เป็นแง่มุม เราจึงได้สิ่งที่เป็นนามธรรมที่ช่วยให้เรามีมุมต่างๆ ของ เสรีภาพ.

อย่างแรกคือถ้าเราต้องการเปลี่ยนความสวยงามของเว็บไซต์ทั้งหมด เราจะต้องรีทัชไฟล์เวิร์กชีตเท่านั้น สไตล์ CSS ดังนั้นหากมีการเรียกไฟล์เหล่านี้ในหน้า HTML การเปลี่ยนแปลงรูปแบบที่สวยงามจะเกิดขึ้น อัตโนมัติ.

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

สไตล์ชีตสร้างขึ้นจากภาษาการออกแบบที่มีโครงสร้างเฉพาะและเป็นมาตรฐานของ แบบฟอร์มที่สไตล์ชีตไม่ขึ้นกับเทคโนโลยีที่หน้าเว็บให้บริการและใช้เพื่อ it แสดงผล

instagram story viewer

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

เหมือน ภาษา คำจำกัดความสามารถใช้ในเอกสาร XML ใดก็ได้ (อย่างไรก็ตาม HTML ยังคงสามารถตีความได้ว่าเป็นชุดย่อยของ XML)

โครงสร้างของภาษานั้นเรียบง่าย โดยมีชุดของคีย์เวิร์ดที่สงวนไว้ซึ่งอ้างอิงถึงคุณสมบัติของสไตล์ของเพจ และกฎหลายข้อสำหรับแต่ละคุณสมบัติเหล่านี้

ตัวอย่างง่ายๆ ของสไตล์ชีต CSS จะเป็นดังนี้:

ร่างกาย {
h1 {ตระกูลแบบอักษร: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif}
}

ในนั้นเราเพียงแค่กำหนดว่าส่วนหัว H1 ของเอกสาร HTML ที่เราเขียนและอยู่ภายใต้สไตล์ชีตนี้ควรเป็นอย่างไร สำหรับสิ่งนี้ หน้า HTML ต้องมีประโยคนี้ในส่วน ศีรษะ:

ซึ่งใน style sheet.css เป็นชื่อของไฟล์ที่มีคำจำกัดความ

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

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

ได้รับการอนุมัติในช่วงกลางทศวรรษ 1990 และกลายเป็นมาตรฐานตั้งแต่นั้นเป็นต้นมา ที่ขาดไม่ได้ เพื่อใช้ในเว็บไซต์ขนาดใหญ่

ภาพถ่าย: “Fotolia - Stringer .”

ธีมใน CSS (สไตล์ชีต)