آموزش پروژه محور html-css

جلسه دوم- انواع css

زبان Css توسط کنسرسیوم جهانی وب یا W3C به منظور قالب بندی صفحات وب HTML و اجزای مختلف صفحه آنها توسعه یافته است.

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

انواع css

اصطلاح CSS که در همه جا در طراحی وب سایت استفاده می شود، مختصر عبارت سه کلمه ای Cascading Style Sheets می باشد که به معنای «برگه‌های سبک آبشار» یا «برگه‌های آبشاری» است.

شاید فکر کنید چرا آبشار؟ چرا باید به یکی از مهمترین عناصر طراحی وب سایت چنین نامی داده شود؟

ماهیت آبشاری برگه های CSS به این معنی است که یک سبک، کلاس یا هر چیزی که به یک برگه CSS داده می شود، بر عناصر فرزند آن برگه ها نیز تأثیر می گذارد

انواع روش های تعریف CSS در HTML

تعریف CSS صورت internal

زمانی که یک فایل HTML با سبکی خاص و منحصر به فرد نسبت به سایر صفحات فرمت می شود، باید از سبک داخلی استفاده شود.
سبک های داخلی در قسمت Head صفحه HTML با استفاده از تگ <style> مطابق شکل زیر وارد می شوند.

external CSS

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

نحوه اضافه کردن انواع css به html

یک دیدگاه

  1. […] کلاس continer که قبلا در فایل css اکسترنال ایجاد کرده ایم به تگ header اضافه می […]

ارسال دیدگاه