CSS

شیوه نامه های آبشاری

CSS مخفف کلمه است شیوه نامه های آبشاری.

چه شده است شیوه نامه های آبشاری?

ابزاری قدرتمند برای طراحان و توسعه دهندگان وب، که به آنها امکان می دهد ظاهر و چیدمان چندین صفحه وب را به طور همزمان کنترل کنند. می توان از آن به سه طریق استفاده کرد: درون خطی، در هدر (داخلی)، و به عنوان یک فایل شیوه نامه پیوست شده (خارجی). هر روش کاربرد و مزایای خود را دارد.

CSS درون خطی

این روش شامل قرار دادن قوانین CSS به طور مستقیم در یک عنصر HTML با استفاده از ویژگی "style" است. هر عنصر HTML می‌تواند ویژگی سبک خاص خود را داشته باشد که حاوی هر تعداد ویژگی CSS است.

  • استفاده:
<p style="color: blue; font-size: 14px;">This is a blue, 14px font paragraph.</p>
  • مزایا: برای تغییرات سریع و در مقیاس کوچک استایل و آزمایش مفید است.
  • منفی: از آنجایی که سبک ها به صورت جداگانه برای عناصر اعمال می شوند، این روش برای استایل دادن به اسناد بزرگ ناکارآمد است. همچنین کد HTML را به هم می ریزد و برای یک استایل ثابت در عناصر یا صفحات مختلف مناسب نیست.

CSS داخلی

در اینجا، قوانین CSS در یک قرار می گیرند <style> در قسمت head یک سند HTML تگ کنید. این روش برای تعریف سبک برای یک صفحه استفاده می شود.

  • استفاده:
<head>
   <style>
      p { color: blue; font-size: 14px; } 
   </style>
</head>
  • مزایا: برای سبک هایی که برای یک صفحه منحصر به فرد هستند مفید است. HTML و CSS را در یک فایل نگه می‌دارد، که مدیریت آن برای پروژه‌های کوچک یا اسناد تک صفحه‌ای ساده‌تر است.
  • منفی: مانند CSS درون خطی، برای استایل دهی چندین صفحه کارآمد نیست و در صورت وجود CSS زیاد، می تواند اسناد HTML را دست و پا گیر کند.

CSS خارجی

این رایج ترین و توصیه شده ترین راه برای گنجاندن CSS است. قوانین CSS در یک فایل جداگانه (با پسوند css.) قرار داده شده و با استفاده از یک فایل به سند HTML پیوند داده می شود.

<link> عنصر در قسمت سر

  • استفاده:
<head>
   <link rel="stylesheet" type="text/css" href="styles.css">
</head>
  • مزایا: HTML تمیزتر و سازماندهی شده را ترویج می کند. سبک ها در چندین صفحه قابل استفاده مجدد هستند و حفظ و به روز رسانی ظاهر و احساس وب سایت را آسان تر می کند. همچنین امکان بارگذاری سریع‌تر صفحه پس از دسترسی به صفحه اول را فراهم می‌کند، زیرا مرورگر فایل CSS را ذخیره می‌کند.
  • منفی: بارگذاری صفحه اولیه ممکن است کمی بیشتر طول بکشد، زیرا مرورگر باید فایل CSS را دانلود کند.

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

  • اختصار: CSS

کلمات اختصاری اضافی برای CSS

  • CSS - مقایسه خدمات خرید
بازگشت به دکمه بالا
نزدیک

Adblock شناسایی شد

Martech Zone می تواند این محتوا را بدون هیچ هزینه ای در اختیار شما قرار دهد زیرا ما از طریق درآمد تبلیغاتی، پیوندهای وابسته و حمایت های مالی از سایت خود کسب درآمد می کنیم. اگر در حین مشاهده سایت ما، مسدود کننده تبلیغات خود را حذف کنید، خوشحال خواهیم شد.