แบบเรียน ม.3
อบรมครู KM
สื่อดิจิตอล ( Digital media )
แบบทดสอบ Online
สถิติผู้เข้าชม
![]() | Today | 483 |
![]() | Yesterday | 524 |
![]() | This Week | 2846 |
![]() | This Month | 14356 |
![]() | All Days | 867147 |
ROBOT TEAM
วิทยาการคำนวณ
warayuphat panumphan 'Kru Pu', Powered by Joomla!
11css |
![]() |
![]() |
![]() |
Written by Administrator | ||||||
Tuesday, 16 October 2018 06:49 | ||||||
พื้นฐาน CSS บทนำ CSS CSS ย่อมาจาก Cascading Style Sheets เป็นคำสั่งที่เข้ามาเสริมการแสดงผลของ HTML ซึ่งมีข้อดีมากมายเช่น 1. สามารถแก้ไขเว็บเพจได้หลายๆหน้า พร้อมกัน 2. ลดปัญหาการแสดงผลที่ผิดเพี้ยน เช่น ภาษาต่างดาว 3. ช่วยให้การทำเว็บมีประสิทธิภาพมากขึ้น 4. ช่วยให้การทำเว็บ เช่น อาจไม่ต้องใช้คำสั่ง table ของ HTML ซึ่งจะทำให้การแสดงผล มีความถูกต้องและยืดหยุ่นมากขึ้น 5. การกลับมาแก้ไขเว็บเพจ ทำได้ง่ายขึ้น CSS syntax CSS เป็นตัวกำหนดการแสดงผลใน HTML ว่าจะให้แสดงผลแบบไหน สีอะไร ตัวอักษรแบบใด รูปแบบคำสั่ง CSS ประกอบไปด้วย 3 ส่วน ดังนี้
1.Selector คือ ส่วน HTML tag ที่เราต้องการจะให้แสดงผล เช่น <table> ก็จะแสดงผลในส่วนของตาราง 2.Property คือ ส่วนของคุณสมบัติที่เราต้องการให้แสดง เช่น สีตัวอักษร , ชนิดตัวอักษร , ขนาดตัวอักษร 3.Value คือ ค่าที่เราต้องการให้แสดง เช่น ตัวอักษรสีแดง , ตัวอักษรแบบ tahoma , ตัวอักษรขนาด 12 pt ตัวอย่างรูปแบบการใช้งาน
การใช้งานเมื่อ value เป็นคำที่มีมากว่า 1 คำ เราจะใส่ value ในเครื่องหมาย ""
ถ้ามี property มากกว่า 1 ใช้ ; คั่นระหว่าง property เช่น ต้องการให้มีการจัดตัวอักษรให้อยู่กึ่งกลาง และตัวอักษรมี สีแดง
ถ้ามีหลาย property มากๆ อาจเขียนแต่ละอัน ให้อยู่คนละบรรทัดกันได้
อาจเขียนให้ selectors หลายตัวมี property เหมือนกันก็ได้เช่น เขียนให้สีหัวข้อ เป็นสีเขียว ทั้งหมด
แบบฝึกหัด 1. css ย่อมาจาก 2. การกำหนด Style HTML ด้วย CSS สามารถกำหนดได้กี่แบบอะไรบ้าง 3. การกำหนด <style> </style> ใน Tag <head> </head> คือการกำหนด Style HTML ด้วยวิธีใด 4. การกำหนด External CSS ในไฟล์ HTML จะมีการติดต่อกับ CSS อย่างไร 5. การเขียน CSS file ควรมี Tag HTML หรือไม่ 6. CSS Syntax มีส่วนประกอบอะไรบ้าง พร้อมยกตัวอย่าง
|
||||||
Last Updated on Wednesday, 19 December 2018 01:56 |