@MusiCode אמר בבוטסטראפ לא מכניס את העיצוב לHTML?:
אני מציץ מלמעלה על בוטסטראפ, ואני רואה שאת עיקר העיצוב עושים בתוך הHTML בקלאסים.
זה לא מפר את הכלל שמפרידים בין הHTML לעיצוב בCSS?
ככה שוב נצטרך לרוץ בין הHTML לCSS כדי לעצב את המסמך?
העיצוב בHTML נכתב בתוך תגית style ככה:
<div style="color:red;"> הכתב בצבע אדום</div>
זה דבר שלא מומלץ לעשות אלא במקרים בודדים ומסוימים, כי אם פתאום תחליט לשנות את כל הכתב האדום לירוק, תצטרך לחפש את כל המקומות שהגדרת אותם כאדום ולשנות, וגם הקוד פחות קריא ועוד.
מה שאתה רואה זה נקרא class, קלאס זה בעצם שם של מחלקה שכל מי שיש לו אותה מקבל את אותו עיצוב, כך אפשר להחיל הגדרות עיצוב (שאותם אתה מגדיר בקובץ הCSS), בהרבה מקומות שונים בHTML. ואם יש צורך לשנות משהו - אתה משנה במקום אחד בקובץ הCSS, וזה משפיע על כל חלקי הHTML שיש להם את אותו הקלאס.
למשל אם בHTML יש לך קוד כזה:
<div class="color-red"> הכתב בצבע אדום</div>
ובקובץ הCSS אתה מגדיר
.color-red{
color:red;
}
אז כל אלמנט שיהיה לו את הקלאס הזה הכתב שלו יהיה בצבע אדום.
זה נקרא הפרדה בין עיצוב לקוד של המבנה של התגיות, כי את העיצוב אתה מנהל במקום אחד, וכל שינוי בעיצוב נעשה רק במקום אחד.