CSS คำนำเสนอ

ความรู้ภายใต้ฐาน

ก่อนที่จะเริ่มเรียน คุณจำเป็นต้องมีความเข้าใจเบื้องต้นของความรู้ดังต่อไปนี้

  • HTML
  • XHTML

หากคุณต้องการเรียนเรื่องนี้ก่อนหน้านี้ โปรดเข้าสู่ หน้าหลัก เข้าถึงทูตรวิชาชีพที่เกี่ยวข้อง

CSS รายละเอียด

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

สไตล์แก้ปัญหาที่ยังเหลืออยู่

แบบอักษร HTML ถูกออกแบบมาเพื่อใช้กำหนดเนื้อหาของเอกสาร ด้วยการใช้แบบอักษรเช่น <h1>、<p>、<table> แบบอักษร HTML ตั้งใจว่าจะแสดงให้เห็นว่า “นี่คือหัวข้อ”、

เนื่องจากทั้งสองบราวเซอร์หลัก (Netscape และ Internet Explorer) ส่งมอบตามแบบอักษร HTML และคุณสมบัติใหม่ (เช่นแบบอักษรและคุณสมบัติสี) ลงในมาตรฐาน HTML จึงกลายเป็นการยากที่ทำให้เอกสารเป็นเนื้อหาที่มีความเป็นเอกลักษณ์ต่างจากชั้นประกอบที่มีความเป็นเอกลักษณ์ของเอกสาร

เพื่อแก้ปัญหานี้ องค์การสมาคมมาตรฐานเว็บประโยชน์ (W3C) องค์กรมาตรฐานที่ไม่มีผลประโยชน์ทางธุรกิจ ดำเนินมาตรฐานของ HTML และทำสไตล์ (Style) นอกจาก HTML 4.0

ทุกบราวเซอร์เกิร์นระดับหลักเข้าใจ CSS

สไตล์เซ็ตเพิ่มความประสงค์ในการทำงาน

สไตล์เซ็ตกำหนดวิธีการแสดงแบบอักษร HTML อย่างเดียวกับฉันท์เลิฟและคุณสมบัติสีของ HTML 3.2 โดยทั่วไปสไตล์จะถูกเก็บเกี่ยวกับไฟล์ .css ภายนอก ด้วยการแก้ไขแบบอักษร CSS โดยเรียบง่าย สไตล์เซ็ตภายนอกทำให้คุณสามารถเปลี่ยนแปลงการจัดละแวกและปรากฎของทุกหน้าเว็บไซต์ในละแวกเดียวกัน

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

สไตล์หลายตัวจะถูกซับซ้อนกันเป็นหนึ่งตารางสไตล์

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

ลำดับที่เรียงของสไตล์

เมื่อตัวองค์ประกอบ HTML หนึ่งถูกกำหนดสไตล์ด้วยแบบแสดงผลหลายตัว แล้วจะใช้สไตล์อย่างไร?

โดยทั่วไป สไตล์ทุกตัวจะถูกซับซ้อนกันเข้ากับตารางสไตล์ภายในแบบเวิร์ชั่ลที่ใหม่ ในที่สุด ตัวเลข 4 จะมีความสำคัญสูงที่สุด

  1. ค่าปริยายของเบราเซอร์
  2. ตารางสไตล์ภายนอก
  3. ตารางสไตล์ภายใน (ตั้งอยู่ในแท็ก <head>)
  4. สไตล์ภายในตัวองค์ประกอบ (ภายในตัวองค์ประกอบ HTML)

ดังนั้น สไตล์ภายในตัวองค์ประกอบ (ภายในตัวองค์ประกอบ HTML) มีความสำคัญสูงที่สุด ซึ่งหมายความว่ามันจะมีความสำคัญมากกว่าการประกาศสไตล์ในแท็ก <head> ตารางสไตล์ภายนอก หรือ ตารางสไตล์ของเบราเซอร์ (ค่าเริ่มต้น)