CSS ฉบับย่อ

อะไรคือ CSS?

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

*：ยังเรียกว่าตารางสไตล์ที่แนวนำ

CSS การแสดง - หน้าเว็บไซต์ HTML - หลายสไตล์!

ด้านล่างนี้คือหน้าเว็บไซต์ที่มีสไตล์ 4 รูปแบบ โปรดคลิกลิงก์ของสไตล์ต่าง ๆ ด้านล่างเพื่อดูรูปแบบต่าง ๆ

ทำไมต้องใช้ CSS?

CSS ใช้เพื่อกำหนดรูปแบบเว็บไซต์ รวมถึงการออกแบบและเล่นงานสำหรับอุปกรณ์และขนาดหน้าจอต่าง ๆ

ตัวอย่าง CSS

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

ทดลองด้วยตัวเอง

CSS แก้ปัญหาใหญ่หนึ่ง

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

จุดประสงค์ของการสร้าง HTML คือเรียกประกาศเว็บเช่นเดียวกับ

<h1>นี่คือหัวข้อ</h1>
<p>นี่คือปารากราฟ</p>

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

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

CSS ได้ลบรูปแบบฟอร์มาตจากหน้าเว็บ HTML

หากคุณไม่ทราบว่า HTML คืออะไร คุณควรอ่าน ตัวเรียน HTML.

CSS ทำให้เรียบร้อยและเหมาะสม!

การประกาศสไตล์ทั่วไปจะถูกเก็บไว้ในไฟล์ .css นอก

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