معرفی css

CSS مخفف عبارت Cascading Style Sheets است که تعیین می‌کند هر کدام از عناصر HTML چگونه نمایش داده شوند. در واقع به کمک آن می‌توان برای هر عنصر از صفحه، سبک نمایشی خاصی ایجاد کرد.

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

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

در اینجا نمونه ساده ای از ساختار کد های سی اس اس را می بینیم:

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

کلمه “Cascading” یا آبشاری که اولین کلمه از CSS است به این نکته اشاره می‌کند که کدهای نوشته شده با CSS به صورت پیش فرض از بالا به پایین و به ترتیب پردازش و اجرا می‌شوند. CSS این قابلیت را در اختیار شما قرار می‌دهد که با ایجاد یک فایل خارجی (Style Sheet) ویژگی‌های اجزای مختلف در صفحات وب سایت را تعیین کنید. یعنی تغییراتی که شما به کمک CSS در یک صفحه وب ایجاد می‌کنید، روی اجزای زیرمجموعه ی آن هم تاثیر می‌گذارند. به عنوان مثال اگر شما رنگ متن یک صفحه را تغییر دهید، تمامی زیرمتن‌ها مانند پاراگراف‌ها و سرخط‌ها نیز آن رنگ را خواهند داشت.

فرانت اند (Front End) چیست؟

به مجموعه تکنولوژی هایی که روی ظاهر و گرافیک سایت تاثیر گذاشته و هیچ ارتباطی با عملکرد آن ندارند فرانت اند گفته می‌شود. در فرانت اند فقط با عناصر بصری سایت کار می‌کنیم و هر تغییری که ایجاد می‌کنیم در چهره سایت مشخص می‌شود. زبان‌های HTML، JS و CSS جزو اصلی‌ترین عناصر فرانت اند هستند.