CSS (Cascading Style Sheets)
โลโก้ Css |
คือ ภาษาที่ใช้ปรับแต่ง HTML ให้มีการแสดงผลที่ดีขึ้นสมบูรณ์ยิ่งขึ้น แล้วข้อดีของ CSS คือ สามารถเรียกฟังก์ชัน CSS มาใช้ได้หลายๆเว็บเพจ ดังนั้น ถ้าจะศึกษาภาษา CSS ให้เข้าใจควรมีพื้นฐานภาษา Html พอสมควร เพื่อเกิดความเข้าใจในภาษา CSS
รูปแบบการใช้งานคำสั่ง CSS
1.รูปแบบทั่วไป
selector{property: value;}
selector คือ คำสั่งในhtml ที่เราต้องการเพิ่มคุณสมบัติ
property คือ คุณสมบัติที่ต้องการเพิ่ม
value คือ ค่าที่ต้องการให้แสดง
** ถ้าประกาศแบบนี้จะใช้ทันทีเมื่อคำสั่งนั้นได้ถูกใช้
ตัวอย่าง
body{ background:red} คือ ในคำสั่งbodyให้เปลี่ยนสีพื้นหลังเป็นสีแดง
2.รูปแบบ class
selector.name{property:value;}
selector คือ คำสั่งในhtml ที่เราต้องการเพิ่มคุณสมบัติ
property คือ คุณสมบัติที่ต้องการเพิ่ม
value คือ ค่าที่ต้องการให้แสดง
name ให้เราตั้งชื่อเอง เพื่อนำไปใช้
การใช้งาน
<selector class="name"></selector>
ตัวอย่าง
body.a{background:red;} ส่วนประกาศ
<body class="a"></body> ส่วนการใช้งาน
3.รูปแบบ id
selector#name{property:value}
selector คือ คำสั่งในhtml ที่เราต้องการเพิ่มคุณสมบัติ
property คือ คุณสมบัติที่ต้องการเพิ่ม
value คือ ค่าที่ต้องการให้แสดง
name ให้เราตั้งชื่อเอง เพื่อนำไปใช้
การใช้งาน
<selector class="name"></selector>
ตัวอย่าง
body.a{background:red;} ส่วนประกาศ
<body id="a"></body> ส่วนการใช้งาน
ไม่มีความคิดเห็น:
แสดงความคิดเห็น