عملکرد html درCss

با سلام؛

در حقیقت باید پرسیده بشه CSS در HTML چه کاری انجام میده.

برای آشنایی بیشتر به این مثال دقت کنید: فرض کنید ساختمانی قراره ساخته بشه، ابتدا ستون ها و دیوار های ساختمان چیده میشه، بعد از شکل گرفتن فرم اولیه ساختمان، کار مربوط به نما، گچ کاری و زیبا سازی ساختمان انجام میشه. HTML حکم ستون و دیوار های ساختمان و داره و CSS حکم نما و زیباسازی ساختمان.

شما بوسیله HTML فرم صفحه رو طراحی می کنید، یا بهتره گفته بشه ساختار صفحه پیاده سازی میشه، بعد از پیاده ساختار صفحه توسط HTML بوسیله CSS شما کار زیبا سازی و رنگ بندی و استفاده از المان های گرافیکی در صفحه رو انجام میدید.

مثال عملی:

<div class="red-container">
    <p>Inner text in container</p>
</div>

کد بالا یه ساختار اولیه که فقط یک متن رو نمایش میده ایجاد میکنه. حالا با CSS کار رنگ بندی و قرارگیری المان ها انجام میشه:

.red-container{
    background-color: darkred;
    color: white;
    padding: 50px;
    border: 1px solid black;
}