วันจันทร์ที่ 12 มีนาคม พ.ศ. 2555

Css


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 

ไม่มีความคิดเห็น:

แสดงความคิดเห็น