CSS Syntax

ไวยากรณ์ในการเขียน CSS

selector{property : value;}
  • selector ใช้เลือก element , id หรือ class ที่ถูกสร้างไว้ในเอกสาร  HTML
  • property เลือกคุณสมบัติที่ต้องการกำหนด เช่น สีพื้นหลัง สีตัวหนังสือ เงา เส้น เป็นต้น
  • value ใช้ในการระบุค่าของคุณสมบัติ (Property)  

 

ตัวอย่างการใช้งาน CSS เบื้องต้น

<html>
<head>
<style>
  h1{
   color : blue;
   text-align : center;
  }

  p{
   font-size : 22px;
   color : grey;
  }
</style>
</head>
<body>

<h1>หัวข้อ CSS</h1>
<p>ส่วนเนื้อหา</p>

</body>
</html>

ไฟล์ที่ 1 การใช้งาน css เบื้องต้น

จากไฟล์ที่ 1 กำหนด CSS โดยมี selector 2 ตัว ประกอบไปด้วย h1 และ

  • h1 กำหนดรูปแบบให้กับแท็ก <h1> ตัวหนังสือสีน้ำเงิน และอยู่กึ่งกลางของหน้า
  • p หำหนดรูปแบบให้แท็ก <p> ตัวหนังสือสีเทา และขนาดตัวหนังสือเป็น 22 พิกเซล

 

หากคุณพบคำที่สะกดผิด เว้นวรรคไม่ถูกต้อง ฯ โปรดแจ้งให้เราทราบ โดยลากคลุม (highlight) ข้อความนั้น แล้วกด Ctrl + Enter

ไม่สามารถคัดลอกเนื้อหานี้

Spelling error report

The following text will be sent to our editors: