Introduction to Basic CSS
Cascading Style sheets (CSS) บอก Browser ว่าจะแสดงข้อมูลเนื้อหาอื่น ๆ ที่คุณเขียนด้วย HTML ได้อย่างไร
โปรดทราบว่า CSS นั้นคำนึงถึงตัวพิมพ์เล็กและพิมพ์ใหญ่ ดังนั้น โปรดระมัดระวังการใช้อักษรตัวพิมพ์ใหญ CSS จะถูกนำมาใช้โดย Browser หลัก ๆ ทั้งหมดและช่วยให้คุณควมคุม :
- color
- fonts
- positioning
- spacing
- sizing
- decorations
- transitions
มีสามวิธีหลักในการใช้ Styling CSS คุณสามารถนำ Styles inline ไปใช้กับองค์ประกอบ HTML ได้โดยตรงด้วย คุณสมบัติ style
หรือคุณสามารถวางกฏ CSS ภายใน style
แท็กในเอกสาร HTML สุดท้ายคุณสามารถเขียนกฏได้ภายใน Style sheet ภายนอก จากนั้นอ้างอิงไฟล์นั้นในเอกสาร HTML แม้ว่าสองตัวเลือกแรกจะมีกรณีใช้งาน แต่นักพัฒนาส่วนใหญ่ก็ชอบ Style sheet ภายนอกเพราะแยก Style ออกจากองค์ประกอบ HTML ซึ่งจะช่วยเพิ่มความสามารถในการอ่านและการนำกลับมาใช้ใหม่ขอ Code ของคุณ แนวคิดเบื้องหลัง CSS คือคุณสามารถใช้ตัวเลือกเพื่อกำหนดเป้าหมายองค์ประกอบ HTML ใน DOM (Document Object Model) จากนั้นใช้คุณสมบัติที่หลากหลายกับองค์ประกอบนั้นเพื่อเปลี่ยวิธีการแสดงบน Page
ในส่วนี้คุณจะเห็นว่าการเพิ่ม Style Sheet ให้องค์ประกอบ CatPhotoApp ของคุณสามารถเเปลี่ยนจากข้อความธรรมดาไปเป็นอย่างอื่นได้อย่างไร