[CSS] แก้ CSS บน Browser

แก้ CSS บน Browser

บางครั้งก็ประสบปัญหาแก้ CSS แล้วกด F5 ตลอดหากไม่ใช้พวก JS ทั้งหลายที่ Single page โดยไม่ต้องกด F5 ...เอาล่ะสำหรับคนที่ไม่รู้ คืนนี้จะมาอธิบายสั้นให้เข้าใจกัน

ขั้นแรกเปิด Page View Source หรือเปิดดู Code แต่ละ Browser จะกดไม่เหมือนกันดังนั้นหาเอาเอง 

ヾ(•ω•`)o

เราจะแก้ CSS ของคำว่า 'ยูกิ' จากที่อยู่ตรงกลางเราจะย้ายไปทางขวา

โดยที่ CSS ที่คุมคำนั่นคือ text-align: center;

เป็น CSS ใน Line เราดังนั่นเพิ่มต่อท้ายไปได้เลย

แค่นี้เอง

ถ้าไม่พอใจก็พิมพ์เอาเองเลยว่าอยากได้ Class ไหนเพราะเราไม่อยากได้ใน Line

จากนั้นตกแต่งตามสบายว่าเราจะให้มันแสดงอะไร (｡･∀･)ﾉﾞ

ง่ายปะล่ะ

ผ่ามมม

จากนั้นเราก็เอา CSS ที่เราสร้างนี้ไปใช้ได้เลย เป็นไงแก้แล้วดูผลลัพธ์โดยไม่ต้องกด F5

F I N ~