CSSบทนำ

CSS คืออะไร?

• CSS ย่อมาจาก Cascading Style Sheets
• CSS อธิบายวิธีองค์ประกอบ HTML จะถูกแสดงบนหน้าจอ, กระดาษ, หรือในสื่ออื่น ๆ
• CSS บันทึกจำนวนมากของการทำงาน มันสามารถควบคุมรูปแบบของเว็บเพจได้หลายหน้าทั้งหมดในครั้งเดียว
• สไตล์ชีตภายนอกจะถูกเก็บไว้ในไฟล์ CSS

สาธิต CSS - หนึ่งในเพจ HTML - รูปแบบหลาย!

ที่นี่เราจะแสดงหน้าเว็บ HTML หนึ่งแสดงกับสี่สไตล์ชีตที่แตกต่างกัน คลิกที่ "Stylesheet 1", "Stylesheet 2", "Stylesheet 3", "Stylesheet 4" ที่ลิงค์ด้านล่างเพื่อดูรูปแบบที่แตกต่างกัน:

ใช้ CSS ทำไม?

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

CSS แก้ไขปัญหาใหญ่

HTML ไม่เคยตั้งใจที่จะมีแท็กการจัดรูปแบบหน้าเว็บ!

HTML ถูกสร้างขึ้นเพื่ออธิบายเนื้อหาของหน้าเว็บเช่น:

<h1> นี่คือหัวข้อ </h1>

<p> นี้เป็นวรรค. </p>

เมื่อแท็กเช่น <font> และคุณลักษณะสีถูกเพิ่มเข้าไปใน HTML 3.2 สเปคก็เริ่มฝันร้ายสำหรับนักพัฒนาเว็บ การพัฒนาเว็บไซต์ขนาดใหญ่ที่แบบอักษรและสีข้อมูลถูกเพิ่มเข้าไปในทุกหน้าเดียวกลายเป็นกระบวนการที่ยาวนานและมีราคาแพง

เพื่อแก้ปัญหานี้ Consortium เวิลด์ไวด์เว็บ (W3C) ที่สร้าง CSS

CSS ลบออกรูปแบบการจัดรูปแบบจากหน้า HTML!

CSS บันทึกการทำงานมาก!

คำจำกัดความสไตล์จะถูกบันทึกไว้ตามปกติในภายนอก .css ไฟล์

ด้วยไฟล์สไตล์ชีตภายนอกคุณสามารถเปลี่ยนรูปลักษณ์ของเว็บไซต์ทั้งหมดโดยการเปลี่ยนเพียงหนึ่งไฟล์!