การใช้งาน Css มี 2 อย่าง คือ
1.ใช้ใน html เลย
<style type="text/css">
selector{property:value;}
</style>
**เพิ่มโค้ดไว้ภายใต้คำสั่ง head เสมอ
การใช้งานแบบทั่วไป
 |
| การใช้Css แบบทั่วไป |
 |
| การแสดงผล Css แบบทั่วไป |
 |
| การแสดงผล Css แบบ id |
 |
| การใช้ Css แบบ id |
การใช้งานแบบ class
 |
| การใช้ Css แบบ class |
 |
| การแสดงผล Css แบบ class |
2.การดึง Css ที่เขียนไว้อีกไฟล์มาใช้
คือ การที่ได้เขียนไฟล์ Css แยกจาก Html ไว้คนละที่ แต่ได้นำไฟล์Css เข้ามาใช้ใน Html ( แนะนำว่าเอาไฟล์ไว้ใน Folder เดียวกัน)
<link rel="stylesheet" type="text/css" href="ไฟล์ที่เก็บcssไว้.css">
**เพิ่มโค้ดไว้ภายใต้คำสั่ง head เสมอ และตรงไฟล์ที่เก็บให้ใส่นามสกุลด้วย .css
 |
| ไฟล์ที่เก็บควรอยู่ที่เดียวกัน |
 |
| โค้ดส่วน html |
 |
| โค้ดส่วน Css |
 |
| การแสดงผล Css |
ไม่มีความคิดเห็น:
แสดงความคิดเห็น