ทำไมต้อง CSS

ทำไมต้อง CSS

ทำไมต้อง 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

 

 

 1691
ผู้เข้าชม

บทความที่เกี่ยวข้อง

ไม่ค่อยเอา Infograph มา หลังๆ นี้เพราะใครๆ ก็เขียนถึง แต่ตัวนี้แปลกไม่ค่อยมีใครเอามาเขียนเลยเอามาฝากครับ ข้อมูล ตัวเลขที่บอกว่า ใน 1 นาทีนั้นมีข้อมูล Data อะไรเกิดขึ้นบ้างบนโลกออนไลน์
การออกแบบคือการรวบรวมความรู้ ความคิดสร้างสรรค์และสื่อสารออกมาให้เป็นเอกลักษณ์และเข้าใจง่าย แม้จะมีทฤษฎีเขียนไว้ให้เราท่องจำมากมายอย่างเช่น ทฤษฎีสัดส่วนทองคำที่ถูกส่งต่อจากการคิดวิเคราะห์ของนักออกแบบจากรุ่นสู่รุ่นแล้วก็ตาม แต่การเป็นนักออกแบบที่ดีควรเป็นคนที่สามารถปรับหลาย ๆ ทฤษฎีมาใช้ร่วมกันอย่างลงตัวและสวยงาม
สมดุลและต้นทุนในโซ่อุปทาน ของที่มีก็ไม่อยากได้ของอยากที่ได้ก็ไม่มี เป็นคำบ่นแบบปลง ๆ ของทั้งผู้ประกอบการและลูกค้าที่ผู้เขียนมักได้ยินบ่อยครั้งเมื่อครั้งเข้าทำงานในภาคองค์กรธุรกิจปัญหาดังกล่าวเป็นปัญหาพื้นฐาน
สร้างเว็บไซต์สำเร็จรูปฟรี ร้านค้าออนไลน์