இந்த CSS Live Coding session-ல நான் ரொம்ப சிம்பிளா ஒரு விஷயத்தை கிளியரா சொல்றேன்: CSS-ன்னா ஒரு web page-ஐ அழகாக்குற “style sheet”. முதல்ல ஒரு paragraph tag default-ஆ black-ல print ஆகும்; அதுக்கு color, text-align, font-size மாதிரி style கொடுத்தா எப்படி change ஆகுதுனு live concept-ஆ காட்டுறேன். முக்கியமா நான் சொல்வது: “கோடிங் படிக்காதீங்க… புரிஞ்சுக்க ட்ரை பண்ணுங்க.” Concept புரிஞ்சுட்டா மறக்க மாட்டீங்க—இதுதான் இந்த கிளாஸ்ஸோட core mindset. அடுத்தது inline, internal, external CSS—இந்த மூணு types-ஐ practical-ஆ differentiate பண்ணி சொல்றேன். Inline-ன்னா அதே line-ல, open tag-க்குள்ள style attribute-ல போடுறது; quick highlight-க்கு useful, ஆனா reusable இல்ல. Internal-ன்னா ஒரே page-க்கு head tag-ல style tag உள்ளே declare பண்ணி அந்த page முழுக்க apply பண்ணலாம்—inline-விட cleaner. Real-time projects-ல 90% external CSS தான்: separate .css file create பண்ணி link tag மூலம் connect பண்ணுவோம்; clean, maintainable, reusable across multiple pages. கூடவே project-க்கு separate folder structure maintain பண்ணுங்கன்னு நான் repeat பண்ணி சொல்றேன்—இதுதான் best practice.