วันนี้เราจะมานำเสนอคำว่า 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">Pink</span>
</body>
</html>
ผลลัพธ์
Pink
.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">Pink</span>
</body>
</html>
ผลลัพธ์
Pink
แล้ว ... HTML ล่ะ?? มันคืออะไรหว่า ...
HTML ยังคงเป็นรูปแบบไฟล์อย่างหนึ่ง สำหรับ .html และ สำหรับ .htm ที่ใช้ในระบบปฏิบัติการที่รองรับ รูปแบบนามสกุล 3 ตัวอักษร
ตัวอย่าง โครงสร้างไฟล์ html
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
พวกขยันนนนนนนนนนนนนนนนน
ตอบลบจารีบกันป๊ายไห๋นนน(เหน๋อ=สำเนียงมฮฮฮ-..-)
มาตะอะชิตะ
ps.แพ้วันนี้ก้ต้องมีชนะในวันหน้า{เกี่ยวไหมนิ- -...ยังค้างอยู่55}
มาทักทายย
ตอบลบอัพแล้วน๊า อย่าลืมแวะไปนะคร้าบบ
ฝากอีกเอนทรี่ด้สยจ้าา เพิ่งอัพเสดดด^^
ตอบลบขยันต่อปายนะบอสสึ
ตอบลบมาเม้นท์ให้จ้ะ ขยันๆ สู้ต่อไป
ตอบลบงงๆ เง็งๆ เม้นๆ จ้าๆ -0-
ตอบลบ