מבנה תבניתי: קדד את מה שאתה מתכוון אליו, תתכוון למה שאתה מקדד

בעוד שקל לכתוב את ה-CSS המקורי, שימוש ב-CSS לפריסה שלך דורש דרך חשיבה שונה במקצת מאשר רובנו רגילים אליה.

במקום לחשוב על דברים כגון "זה הולך פה וזה הולך לשם" בעודנו עובדים על דף או פריסה, עלינו לחשוב על סוגי האינפורמציה בדף שלנו ו-המבנה של המידע.

אנו נותנים לכותרת החשובה ביותר תג <h1>; כותרות משנה מסומנות בתג <h2>, וכו'.; ופסקאות הן פסקאות.

זה מה שמוכר בתור מבנה "תבניתי" או "סימנטי".

במקום לשים את התוכן שלך בתוך טבלה ותאי טבלה, עטוף אותו בתוך אלמנט div ותן לאלמנטי div שלך id או class המתאר את תוכנם ו/או את הפונקציה, במקום את ההופעה שלהם.