سلام خدمت دوستان و همراهان عزیز هولوسن

این دوره برنامه نویسی فرانت اند (front-end) تحت وب، با زبان های HTML و CSS را شامل میشود.

در جلسه اول با معرفی برنامه نویسی وب در خدمتتان بودیم. و در جلسات گذشته با زبان HTML آشنا شدیم و همینطور با ساخت اولین صفحه HTML ، اکستنشن‌های VSCode و Chrome ، لینک‌ها و تصاویر آشنایی با استایل‌ها، کامنت، جداول، لیست‌ها و تگ div در خدمتتان بودیم. همینطور در جلسه قبل تحت عنوان تگ‌های معنادار در خدمتتان بودیم. در این جلسه قرار است تا با CSS آشنا شویم.

پس با ما همراه باشید. ?‍?
مارو هم از نظرات خوب خودتون بی بهره نذارید. ❤?

جهت دانلود فایل‌های این جلسه اینجا کلیک کنید

CSS چیست؟

• مخفف Cascading Style Sheets
• نحوه نمایش المنت‌های HTMLای رو در صفحه، کاغذ و مدیاهای دیگر تعریف میکنه
• مثل دیزاین و نمای یک ساختمانه
• کامل کننده HTMLعه

HTML با و بدون CSS

برای درک بهتر نقش CSS ویدیو زیر را مشاهده کنید. در این ویدیو تنها یک فایل HTML وجود دارد، اما با دادن CSS های مختلف به آن، ظواهر متفاوتی برای همین یک فایل HTML خواهیم داشت.

سینتکس یا نحوه نوشتار کدهای CSS به شکل زیر است.

برای انتخاب کردن یک یا چند المنت خاص با استفاده از CSS روش‌های متفاوتی وجود دارد. یکی از این روش‌ها Simple Selector یا سلکتور ساده است که شامل موارد زیر می‌شود:

• Element Selector
• ID Selector
• Class Selector
• Universal Selector
• Grouping Selector

ترتیب پیشنهادی برای یادگیری طراحی سایت

پیشنهاد میکنیم از دیگر آموزش های هولوسن هم دیدن فرمایید