برنامه نویسی

css چیست؟

css چیست

در مقاله html چیست گفتیم که از html برای نمایش المان ها و لایه بندی ساختار صفحه استفاده می شود و برای طراحی یک صفحه و زیبایی سازی صفحه، امکانات خوبی را در اختیار طراح سایت قرار نمی دهد. با آمدن زبان css این مشکل زیبا سازی صفحات وب حل شد.
css مخفف Cascading Style Sheets می باشد که نحوه نمایشبرن عناصر داخل یک صفحه رو مشخص می کند و به طراح کمک میکند که بتوانند به تمام بخش ها و عناصر یک صفحه کنترل داشته باشد.

نکته ۱ : html یک موجودیت است که css به آن خصوصیت می دهد.

مثال : مثلا در html میتوان از طریق تگ <div> یک کادر درست کرد که این کادر هیچ چیزی ندارد و در واقع تهی می باشد و خصوصیت خاصی ندارد. طراح میتواند از طریق css به این کادر خصوصیت طول ، عرض ، رنگ پس زمینه و . . . دهد.

نکته ۲ : CSS مخفف Cascading Style Sheets که به معنی شیوه‌نامهٔ آبشاری یا روی‌انداز آبشاری سَبْک است.

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

به عنوان مثال: برای تغییر فونت یا تصویر پس زمینه وب سایت

چند نکته مهم در مورد CSS :

  • در CSS دستورات حتما باید بین علامت {} قرار گیرد و بعد نوشتن دستور با قرار دادن : مقدار آن را میتوان تعیین کرد.
  • می توان دستورات نوشته شده را پشت سرهم نوشت به شرطی که بین آنها با علامت ؛ از هم جدا شود.
  • می توان هر کدام از برچسب ها (تگ ها) را با علامت , از هم جدا کرد.

css

با زبان CSS چه کارهایی میتوان انجام داد :

  • مشخص کردن فونت
  • مشخص کردن رنگ پیش زمینه و پس زمینه
  • مشخص کردن فاصله ها تا حاشیه و اجزای صفحه
  • مشخص کردن طول و عرض
  • مشخص کردن عکس پس زمینه
  • ایجاد تغییرات در موقعیت قرارگیری اجزای صفحه
  • مشخص کردن چپ چین و راست چین بودن سایت

css

مزیت های CSS :

  • حجم فایل ها کم می شود چون اگر بخواید از attribute های خود html استفاده کنید باید آن ها رو در هر تگ دوباره و چندباره تکرار کنید که همین کار باعث حجیم شدن فایل html می شود.
  • هر چی اندازه فایل های سایتتون کمتر شود سرعت لود سایت بالا میرود که همین امر روی سئو سایت هم تاثیر دارد. که این کار با CSS انجام میگیرد.
  • تغییر دادن صفحه وب به مراتب راحتر می شود.
  • تنظیمات و کدهای CSS رو می توانید در یک فایل جدا قرار دهید که همین امر باعث استفاده آسان و نگهداری راحتر از این کدها می شود.

روش های اضافه کردن CSS به صفحات وب :

  • CSS خارجی
  • CSS داخلی
  • سبک درون خطی

 

[تعداد: 0   میانگین: 0/5]

نوشته های مشابه

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا