چگونه یک ورق سبک خارجی ایجاد کنیم

با استفاده از CSS Site Wide

وب سایت ها ترکیبی از سبک و ساختار هستند و در وب امروز، بهترین روش برای حفظ این دو جنبه از یک سایت جدا از یکدیگر است.

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

مزایا و معایب صفحات سبک خارجی

یکی از بهترین چیزها در مورد Cascading Style Sheets این است که می توانید از آنها استفاده کنید تا کل سایت خود را پایدار نگه دارید. ساده ترین راه این است که یک ورق سبک خارجی را لینک کنید یا وارد کنید. اگر از یک ورق سبک خارجی برای هر صفحه سایت خود استفاده کنید، می توانید مطمئن باشید که تمام صفحات همان سبک را دارند. شما همچنین می توانید تغییرات را برای آینده انجام دهید. از آنجایی که هر صفحه از یک ورق سبک خارجی استفاده می کند، هر تغییری در آن صفحه بر هر صفحه سایت تاثیر می گذارد. این بسیار بهتر از نیاز به تغییر هر صفحه به صورت جداگانه است!

مزایای ورق سبک خارجی

  • شما می توانید نگاه و احساس چند اسناد را در یک زمان کنترل کنید.
    • این به خصوص مفید است اگر شما با یک تیم از مردم برای ایجاد وب سایت خود کار می کنند. بسیاری از قوانین سبک می توانند به یاد داشته باشید دشوار است و در حالی که شما ممکن است یک راهنمای سبک چاپ داشته باشید، آن را ناکارآمد و خسته کننده می شود به طور مداوم از طریق آن flipping برای تعیین اینکه آیا متن به عنوان مثال در 12 قلم Arial قلم، و یا 14 نقطه پیک نوشته شده است. با داشتن همه چیز در یک مکان و از آنجایی که این مکان نیز جایی است که شما می توانید تغییر دهید، شما می توانید تعمیر و نگهداری بسیار ساده تر است.
  • شما می توانید کلاس های سبک ایجاد کنید که بعدا می تواند در بسیاری از عناصر HTML مختلف مورد استفاده قرار گیرد.
    • اگر اغلب از یک سبک خاص فونت استفاده کنید تا به چیزهای مختلف بر روی صفحه توجه داشته باشید، می توانید از ویژگی کلاس که در صفحه سبک خود تنظیم کرده اید تا این نگاه و احساس را به جای تعیین یک سبک خاص برای هر نمونه از تاکید.
  • شما می توانید سبک های خود را به راحتی گروه بندی کنید تا کارایی بیشتری داشته باشید.
    • تمام روشهای گروه بندی که برای CSS در دسترس هستند می توانند در ورق های سبک خارجی مورد استفاده قرار گیرند و این به شما امکان کنترل و انعطاف پذیری بیشتر در صفحات شما را می دهد.

معایب صفحات سبک خارجی

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

چگونه یک ورق سبک خارجی ایجاد کنیم

ورق های سبک خارجی با نحو مشابهی برای تکمیل صفحات سبک سطح ایجاد می شوند. با این حال، همه شما باید شامل شامل انتخاب و اعلامیه. همانند یک جدول سبک سند، نحو یک قاعده است:

select {property: value؛}

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

هنگامی که یک سند جدول سبک دارید، باید آن را به صفحات وب خود پیوند دهید. این میتواند با دو راه انجام شود:

  1. ربط دادن
    1. برای لینک کردن یک صفحه سبک، از تگ HTML استفاده کنید. این دارای ویژگی های rel ، type و href است . خصیصه rel را می گوید که شما در حال اتصال (در این مورد یک شیء) هستید، نوع MIME-Type را برای مرورگر تعریف می کند، و مسیر href به فایل .css است.
  2. واردات
    1. شما از یک ورق سبک وارد شده در یک ورق سبک سند استفاده می کنید، بنابراین می توانید ویژگی های یک جدول سبک خارجی را در حالی که سند خاصی از دست ندهید، وارد کنید. شما آن را به صورت مشابه به تماس با یک ورق سبک مرتبط می نامید، فقط باید آن را در یک اعلامیه سبک سبک سند نامید. شما می توانید به عنوان بسیاری از ورق های سبک خارجی به عنوان شما نیاز به حفظ وب سایت خود را وارد کنید.

مقاله اصلی جنیفر کریینین. ویرایش شده توسط Jeremy Girard در 8/8/17