ทำไมต้อง CSS

ทำไมต้อง CSS

Facebook Group มันยังจำเป็นอยู่นะ

คือส่วนที่เอาไว้ระบุ HTML Element ที่เราต้องการจะปรับสไตล์ สมมติว่า เราอยากจะเปลี่ยนสไตล์ของ h1 ให้เรากำหนด Selector ให้เป็น h1

เป็นการระบุว่าเราอยากปรับลักษณะนั้นให้เป็นแบบไหน สมมติว่า เราอยากปรับ “การจัดตำแหน่งข้อความ” ให้เป็น “กึ่งกลาง” เราจะได้ว่า “center” คือ Value

วิธีการนำ CSS ไปใช้จริง

การนำ CSS ไปใช้จริงมีอยู่ 3 รูปแบบด้วยกัน ดังนี้

Internal

 เป็นการเขียน CSS Rules เอาไว้ที่ตัวเว็บเพจเลย โดยจะใส่ไว้ในส่วน head ของเว็บเพจแล้วครอบด้วย Tag “style” ตัวอย่างดังนี้

• ข้อดี เหมาะกับการใส่สไตล์ที่ใช้เฉพาะเว็บเพจนี้เท่านั้น
• ข้อเสีย นำสไตล์เหล่านี้ไปใช้กับหน้าอื่นๆ ไม่ได้

เป็นการเขียน CSS Rules แยกไว้อีกไฟล์หนึ่ง แล้วค่อยเรียกไฟล์นั้นมาใช้กับเว็บเพจอีกที วิธีการก็คือ ให้เราสร้างไฟล์ขึ้นมาแล้วตั้งชื่อโดยใช้นามสกุลเป็น “.css” เช่น “style.css” เป็นต้น จากนั้นให้เราใส่ CSS Rules ลงไปในไฟล์นี้

หากสังเกตที่ Tag “link” จะพบว่าเราต้องระบุที่อยู่ของไฟล์ “style.css” ให้ถูกต้อง โดยใช้ Attribute “href”

• ข้อดี สามารถนำไปใช้กับหลายๆ เว็บเพจได้
• ข้อเสีย ต้องโหลดไฟล์ CSS เพิ่มเข้ามา

Inline

เป็นการเขียน CSS Declarations เอาไว้ที่ตัว HTML Element ที่ต้องการจะใส่สไตล์เลย วิธีการก็คือ เราจะต้องใช้ Attribute “style” เข้ามาช่วย ลองดูตัวอย่างต่อไปนี้

• ข้อดี มีผลเหนือการใส่สไตล์ด้วยวิธีอื่นๆ เพราะเป็นการใส่สไตล์เอาไว้ที่ตัว HTML Element เลย
• ข้อเสีย ไม่สามารถนำสไตล์ไปใช้กับ HTML Elements อื่นๆ ต่อได้

Credit : www.meewebfree.com
By : www.SoGoodWeb.com