جلسه دوم- انواع css
زبان Css توسط کنسرسیوم جهانی وب یا W3C به منظور قالب بندی صفحات وب HTML و اجزای مختلف صفحه آنها توسعه یافته است.
در واقع CSS یک زبان نشانه گذاری است که به شما امکان می دهد ساختار صفحات وب html را از ترتیب دادن عناصر گرفته تا تغییر رنگ ها و فونت ها تغییر دهید. این زبان در کنار HTML و جاوا اسکریپت یکی از هسته های اصلی طراحی صفحات وب است.
اصطلاح CSS که در همه جا در طراحی وب سایت استفاده می شود، مختصر عبارت سه کلمه ای Cascading Style Sheets می باشد که به معنای «برگههای سبک آبشار» یا «برگههای آبشاری» است.
شاید فکر کنید چرا آبشار؟ چرا باید به یکی از مهمترین عناصر طراحی وب سایت چنین نامی داده شود؟
ماهیت آبشاری برگه های CSS به این معنی است که یک سبک، کلاس یا هر چیزی که به یک برگه CSS داده می شود، بر عناصر فرزند آن برگه ها نیز تأثیر می گذارد
به عنوان مثال، اگر رنگ متن یک برگه CSS را آبی تنظیم کنید، به این معنی است که تمام سرفصل ها و پاراگراف های متنی که باید در آن صفحه CSS نوشته شود آبی هستند.
انواع روش های تعریف CSS در HTML
تعریف CSS صورت inline
این نوع سبک css مستقیماً در تگ های html نوشته می شود. به همین دلیل به سبک های درون خطی معروف هستند. این نوع سبکها فقط بر تگ خاصی که روی آن اعمال میشوند تأثیر میگذارند. برای آشنایی با سبک درون خطی، به کدهای زیر توجه کنید:
تعریف CSS صورت internal
زمانی که یک فایل HTML با سبکی خاص و منحصر به فرد نسبت به سایر صفحات فرمت می شود، باید از سبک داخلی استفاده شود.
سبک های داخلی در قسمت Head صفحه HTML با استفاده از تگ <style> مطابق شکل زیر وارد می شوند.
external CSS
نوع external که به سبک های خارجی نیز معروف است که فایل استایل را به صفحات خود لینک می دهید. فایل های استایل دهی با فرمت CSS ذخیره می شوند و مطابق شکل زیر به صفحات پیوند داده می شوند.
[…] کلاس continer که قبلا در فایل css اکسترنال ایجاد کرده ایم به تگ header اضافه می […]