Article
| วันนี้เราจะมานำเสนอคำว่า CSS ซึ่งย่อมาจากคำว่า Cascading Style Sheets นั้นเอง บางทีอาจจะเรียกว่า Style Sheets หรือ CSS ซึ่งจริงๆแล้วมันคือตัวเดียวกัน
การทำงานของ CSS
จะทำงานร่วมกับ HTML โดยจะกำหนดการแสดงผลของสิ่งต่างบนเว็บ
เช่น สีอักษร สีพิ้นหลัง ขนาดตัวอักษร จัดการเลย์เอ้าท์ ให้สวยงามและอื่นๆ
ข้อดีสำคัญของ CSS
1. ทำมห้ขนาดไฟล์แต่ละหน้าเล็กลงกว่าเดิม เพราะใช้โค้ดน้อยกว่า
2. มีความยืดหยุ่นสูง ในการปรับแต่งแก้ไขในอนาคต
3. สามารถกำหนดแยกไว้ต่างหากจาก ไฟล์เอกสาร html และสามารถนำมาใช้ร่วม กับเอกสารหลายไฟล์ได้ สำหรับการแก้ไขก็แก้เพียง จุดเดียวก็มีผลกับเอกสารทั้งหมดได้
4. สามารถจัดการเลย์เอ้าท์ได้อย่างละเอียด แม่นยำ
5. ง่ายในการเรียกดู Source
6. ใช้ดีกับระบบเสิร์ชเอ็นจิน ซึ่ง ระบบเสิร์สเอ็นจิ้นต่างๆ
7. และอีกมากมายค่ะ
ตัวอย่างการทำงาน
ไฟล์ stylesheet.css
.textpink13 {font-size: 13px; font-family: "verdana"; color: #FF00FF; text-decoration:none; font-weight: normal;}
ไฟล์ test.html
<html>
<head><link href="stylesheet.css" rel="stylesheet" type="text/css"></head>
<body>
<span class="textpink13">Text Pink Color</span>
</body>
</html>
ผลลัพธ์
Text Pink Color
แล้วพบกันใหม่นะคะ  |
