تعریف CSS خارجی و نحوه پیوند به آن
هنگامی که یک مرورگر وب یک صفحه وب را بارگذاری می کند، ظاهر شدن آن به وسیله اطلاعات از یک جدول سبک cascading مشخص می شود. سه راه برای یک فایل HTML برای استفاده از یک جدول سبک وجود دارد: خارجی، داخل و درون خط.
ورق های داخلی و درون خط در خود فایل HTML ذخیره می شوند. آنها در لحظه کار راحتی می کنند، اما به دلیل اینکه در یک مکان مرکزی ذخیره نمی شوند، به راحتی می توانید تغییرات را در یک ظاهر طراحی شده در کل وب سایت در یک زمان انجام دهید؛ شما باید به جای هر ورود به عقب برگردید و آن را به صورت دستی تغییر دهید.
با این حال، با یک ورق سبک خارجی، دستورالعمل هایی برای رندر صفحه در یک فایل ذخیره می شوند، که باعث می شود تا بسیار آسان است که یک ظاهر را در یک کل وب سایت یا چندین عنصر ویرایش کنید. این پرونده با استفاده از فرمت فایل CSSS و پیوند به محل آن فایل در سند HTML قرار دارد به طوری که مرورگر وب می داند کجا باید دستورالعمل های یک ظاهر را جستجو کند.
یک یا چند اسناد میتوانند به همان فایل CSS پیوند داشته باشند و یک وبسایت ممکن است چندین فایل CSS منحصر به فرد برای ظاهر شدن صفحات، جداول، تصاویر و غیره داشته باشد.
نحوه پیوند به یک ورق سبک خارجی
هر صفحه وب که می خواهد از یک ورق سبک خاص استفاده کند، باید به فایل CSS از داخل بخش لینک شود ، بسیار شبیه به این است:
در این مثال، تنها چیزی که نیاز به تغییر دارد و آن را به سند خود اعمال می کند، متن styles.css است. این محل فایل CSS شماست.
اگر فایل در واقع به نام styles.css نامیده می شود و در فولدر دقیق همانند سند مرتبط با آن قرار دارد، می تواند دقیقا همانطور که در بالا ذکر شد، باقی بماند. با این حال، شانس فایل CSS شما با عنوان دیگری است، در این صورت شما فقط می توانید نام از "سبک" را به هر آنچه که شما است را تغییر دهید.
اگر فایل CSS در ریشه این پوشه نیست بلکه در زیر پوشه باشد، ممکن است به جای آن چیزی شبیه به این را بخواند:
اطلاعات بیشتر در مورد فایل های CSS خارجی
بزرگترین مزیت ورق های سبک خارجی این است که آنها به هیچ صفحه خاصی وابسته نیستند. اگر یک ظاهر طراحی داخلی یا درون خطی انجام شود، دیگر صفحات وب سایت نمیتوانند به تنظیمات یک ظاهر طراحی شده اشاره کنند.
با ظاهر خارجی، با این حال، همان CSS فایل را می توان به معنای واقعی کلمه هر صفحه در وب سایت استفاده می شود به طوری که همه آنها یک ظاهر یکنواخت، و ویرایش کل محتوای وب سایت CSS بسیار آسان و متمرکز است.
شما می توانید ببینید که چگونه کار می کند زیر ...
یک ظاهر داخلی نیاز به استفاده از برچسب های