آموزش CSS (قسمت 2): معرفی CSS

آموزش رایگان CSS، مقدمه زبان برنامه نویسی CSS

(آموزش رایگان زبان برنامه نویسی CSS)(معرفی زبان برنامه نویسی CSS)(زبان برنامه نویسی CSS چیست؟)

معرفی CSS:

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

زبان برنامه نویسی CSS چیست؟

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

(معرفی زبان برنامه نویسی CSS)(زبان برنامه نویسی CSS چیست)

نسخه ی نمایشی CSS – یک صفحه HTML – سبک های متعدد!

چرا از CSS استفاده کنیم؟

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

مثال CSS :

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}

پیش نمایش آنلاین

(آموزش رایگان زبان برامه نویسی CSS)(معرفی زبان برنامه نویسی CSS)

مشکل برزگی که توسط زبان برنامه نویسی CSS حل شد:

زبان HTML هرگز برای استایل دهی به صفحات و برچسب ها تولید نشده است!

هدف اصلی زبان HTML توصیف محتوای صفحات وب می باشد، مانند:

<h1>این یک عنوان است</h1>
<p>این یک پاراگراف است</p>

هنگامی که برچسب هایی مانند < font > و ویژگی های رنگی به مشخصات HTML 3.2 اضافه شد، یک کابوس برای توسعه دهندگان وب ایجاد شد. زیرا باید در هر صفحه یک کد مخصوص برای فونت و ویژگی ها می نوشتند!

برای حل این مشکل، کنسرسیوم وب جهانی (W3C) زبان برنامه نویسی CSS را ایجاد کرد.

همچنین زبان برنامه نویسی CSS کد های استایل را از صفحهات HTML حذف کرد و آنها را داخل یک فایل CSS قرار داد.

اگر نمی دانید HTML چیست، پیشنهاد می کنیم آموزش رایگان HTML تیگو وب را مطالعه کنید.

(آموزش رایگان زبان برامه نویسی CSS)(معرفی زبان برنامه نویسی CSS)(زبان برنامه نویسی CSS چیست)

CSS باعث صرفه جویی در بسیاری از کارها می شود!

کدهای استایل دهی به محتوای HTML معمولا در فایل‌های css خارجی ذخیره می‌شوند، که در زمان نیاز به استفاده از آن در HTML می توانیم کدها را فراخوانی کنیم.

با یک فایل شیوه نامه خارجی CSS، می توانید ظاهر کل یک وب سایت را با تغییر تنها یک فایل تغییر دهید!

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.