C WD14SS หลกั การออกแบบเวบ็ ไซต์ การแทรกสไตล์ชีท Download Aurasma App ScanCodewith Line or search “siriwimon11” Scanpicture Create by Siriwimon Mankong Management Information System SSRU
วัตถปุ ระสงค์•สามารถนาขอ้ มูลและเน้อื หาในเร่อื งการแทรกสไตลช์ ีทไปใช้ประโยชน์และต่อยอดในการประกอบการเรียน•ไดค้ วามรู้เกยี่ วกับการใช้เทคโนโลยีแบบAR•เพอื่ เพ่ิมทกั ษะและความเขา้ ใจในการแทรกสไตลช์ ที ให้มากยิ่งขนึ้
สารบญัเรอื่ ง หน้าความหมาย 1สอ่ื การแทรกสไตล์ชีท 2Inline style 3Internal style sheet 4External style sheet 5@ import 6แบบฝกึ หดั
1 ความหมาย CSS ย่อมาจาก Cascading StyleSheet มกั เรียกโดยย่อว่า \"สไตล์ชีต\"คอื ภาษาทีใ่ ชเ้ ป็นส่วนของการจัดรูปแบบการแสดงผลเอกสาร HTML โดยที่ CSS กาหนดกฏเกณฑใ์ นการระบุรปู แบบ(หรือ \"Style\") ของเนอื้ หาในเอกสาร css
2สแกนเพ่อื ดูวดิ โี อ css
3การแทรกสไตล์ในอีลเิ มนท์(Inline style) การแทรกสไตลใ์ นอีลเิ มนท์(Inline style) คอืการกาหนดสไตล์ที่อลี ิเมนทใ์ ดอีลเิ มนท์หนึง่ โดยตรง ซง่ึสไตล์จะส่งผลตอ่ อลี เิ มนทท์ ก่ี าหนดเทา่ นนั้ โดยการแทรกสไตลใ์ นอลี ิเมนทจ์ ะกาหนดท่แี อต็ ทริบวิ ท์สไตล์ (style)และระบคุ า่ ลักษณะของสไตล์(value) ดงั รูปแบบตวั อย่าตอ่ ไปนี้ สแกนเพือ่ ดูวิดโี อ css
การแทรกสไตล์ชีทภายใน 4เอกสารเอชทีเอ็มแอล(Internal style sheet) การแทรกสไตล์ชีทภายในเอกสารเอชทเี อ็มแอล (Internal style sheet) เป็นการแทรกสไตลช์ ีทภายในส่วนหวั ของเอกสารเอชทเี อม็ แอลแต่จะทาการแยกสไตล์ชที ออกมาจัดเรียงไว้ในอีลเิ มนท์<style>...</style> ในสว่ นของ <head>...</head>เพอื่ ความสะดวกในการกาหนดสไตลใ์ หแ้ ก่อีลิเมนท์ในเว็บเพจ ซงึ่ วิธกี ารแทรกนี้จะทาใหส้ ไตลช์ ที มีผลตอ่หน้าเว็บเพจทถี่ ูกแทรกเท่าน้นัสแกนเพ่อื ดวู ดิ ีโอ css
5การแทรกสไตล์ชที จากภายนอกเอกสารเอชทีเอ็มแอล(External style sheet) การแทรกสไตลช์ ีทจากภายนอกเอกสารเอชทเี อม็แอล (External style sheet) การแทรกจากภายนอกจะตอ้ งทาการสร้างเอกสารสไตลช์ ที ขน้ึ มาก่อน และทาการบนั ทึกด้วยนามสกลุ .CSS จากน้ันในหน้าเว็บเพจจะต้องทาการอา้ งถงึ เอกสารสไตลช์ ีททตี่ อ้ งการแทรกเข้ามาดว้ ยอีลเิ มนท์<link>สแกนเพือ่ ดวู ดิ โี อ css
6การแทรกจากภายนอกเอกสาร การแทรกจากภายนอกเอกสาร โดยใช้ @import เป็นการแทรกสไตล์ชที จาก ภายนอก แต่มลี ักษณะการเขยี นคาส่งั ท่ี แตกต่างกัน css
7แบบฝกึ หดั css
อาจารย์ท่ปี รึกษา• อาจารยณ์ ฐั ภทั ร แก้วรัตนภทั ร์อ้างอิงเนอื้ หาจาก• หลักการออกแบบเวบ็
Search
Read the Text Version
- 1 - 12
Pages:
